当前位置:   jquery > 正文

更改按钮的颜色单击引导程序

javascript,css,jquery,twitter-bootstrap,angularjs,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

我想在点击时更改按钮的颜色.我是在蓝色的Bootstrap按钮上进行的.但我的代码不起作用.

使用我的JavaScript代码,它不会改变颜色.












这是javascirpt代码:

var b1 = document.getElementById("btnOUS");
var b2 = document.getElementById("btnchiefdom");
var b2 = document.getElementById("btndistrict");
var b2 = document.getElementById("btnfacility");

b1.onclick = function() {
     b1.style.background = "green";
     b2.style.background = "";   
}

b2.onclick = function() {
     b1.style.background = "";
     b2.style.background = "green";   
}

b2.onclick = function() {
     b1.style.background = "";
     b2.style.background = "green";   
}
b2.onclick = function() {
     b1.style.background = "";
     b2.style.background = "green";   
}

Gilberto Sán.. 8

看到这个功能示例:

$("button").click(function(){
  $("button").removeClass("active");
  $(this).addClass("active");
});
.active {
  background-color: green !important;
}



            
            
            



1> Gilberto Sán..:

看到这个功能示例:

$("button").click(function(){
  $("button").removeClass("active");
  $(this).addClass("active");
});
.active {
  background-color: green !important;
}



            
            
            
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/blog/jquery/detail/13386
推荐阅读
  • 如何解决《除一个数字之外的某个范围内的随机整数》经验,为你挑选了1个好方法。javascript,random,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,... [详细]

  • 如何解决《访问jquery.each中的元素id属性值》经验,为你挑选了1个好方法。javascript,jquery,html,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间... [详细]

  • 如何解决《WebAudioAPI中AudioWorkerNode的状态》经验,为你挑选了1个好方法。javascript,web-audio-api,webkit,chrome,firefox,DevBox,在线流程图,编程,编程问答,程序... [详细]

  • 如何解决《this.value返回包含值的括号》经验,为你挑选了1个好方法。javascript,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,... [详细]

  • 如何解决《我找到了一个javascript块,但不明白它的作用》经验,为你挑选了1个好方法。html,javascript,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在... [详细]

  • 如何解决《如何在石灰调查验证中禁用JavaScript警报》经验,为你挑选了0个好方法。javascript,limesurvey,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时... [详细]

  • 如何解决《无法使用jQueryUI的日期选择器设置默认日期》经验,为你挑选了1个好方法。javascript,jquery,jquery-ui,datepicker,jquery-ui-datepicker,DevBox,在线流程图,编程,... [详细]

  • 如何解决《如何替换/删除所有但是字符串中的第一个字符》经验,为你挑选了1个好方法。javascript,regex,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工... [详细]

  • 如何解决《何时使用Angular的$元素》经验,为你挑选了1个好方法。javascript,angularjs,注入,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时... [详细]

  • 如何解决《TypeScript中"=>"的含义是什么?(胖箭)》经验,为你挑选了5个好方法。typescript,https,javascript,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发... [详细]

  • 如何解决《不遵守输入字段的Maxlength属性》经验,为你挑选了1个好方法。html,javascript,reactjs,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,... [详细]

  • 如何解决《如何使用Gulp4async/await?》经验,为你挑选了1个好方法。javascript,asynchronous,async-await,gulp,ecmascript-next,DevBox,在线流程图,编程,编程问答,程... [详细]

  • 如何解决《JavaScript中的重入》经验,为你挑选了1个好方法。javascript,reentrancy,安全,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发... [详细]

  • 如何解决《输出文件名未配置Webpack中的错误》经验,为你挑选了4个好方法。javascript,reactjs,webpack,npm,go,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生... [详细]

  • 如何解决《从数组中获取最后一次单击项的值》经验,为你挑选了0个好方法。javascript,arrays,jquery,for-loop,if-statement,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]

  • 如何解决《JavaScript时钟问题》经验,为你挑选了1个好方法。javascript,time,html,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前... [详细]

  • 如何解决《带有Wildfly的js和CSS文件的浏览器缓存到期》经验,为你挑选了0个好方法。etag,cache-control,angularjs,wildfly,javascript,css,DevBox,在线流程图,编程,编程问答,程... [详细]

  • 如何解决《jQueryUIdatepicker的属性选项》经验,为你挑选了2个好方法。jquery,jquery-ui,custom-data-attribute,jquery-ui-datepicker,https,javascript,... [详细]

  • 如何解决《覆盖动画填充模式:在JavaScript/CSS中转发》经验,为你挑选了0个好方法。javascript,css,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,un... [详细]

  • 如何解决《Mvc完成异步脚本加载》经验,为你挑选了0个好方法。javascript,c#,asp.net-mvc,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳... [详细]

相关标签
  

闽ICP备14008679号