jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – Bootstrap – 存在多个按钮时的data-toggle属性大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有几个按钮.当用户点击任何按钮时,我想给他一个点击按钮的印象.

这是代码

<table>
<thead>
<tr>
<th><button class="btn btn-danger" >Today</button></th>
<th><button class="btn btn-danger" >Tomorrow</button></th>
<th><button class="btn btn-danger" >DayAfterTomorrow</button></th>
</tr>
</thead>
</table>

当我只有一个按钮时,这可以工作:

<button class="btn" data-toggle="button">Today</button>

如果用户明天点击,则数据切换属性仍保留为今日按钮.相反,我想在单击另一个按钮时禁用数据切换属性.

解决方法

您可以使用bootstraps单选按钮功能来实现该效果.试试这个:

<div data-toggle="buttons-radio">
    <button class="btn btn-danger">Today</button>
    <button class="btn btn-danger">Tomorrow</button>
    <button class="btn btn-danger">DayAfterTomorrow</button>
</div>

演示:http://jsfiddle.net/u7Lg8/

大佬总结

以上是大佬教程为你收集整理的jquery – Bootstrap – 存在多个按钮时的data-toggle属性全部内容,希望文章能够帮你解决jquery – Bootstrap – 存在多个按钮时的data-toggle属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。