Bootstrap实现将多组Checkbox之间的互斥
Bootstrap 中的Checkbox分组
多组Checkbox,组内可以多选,但多组之间的checkbox是互斥的,比如,选了“不限”的checkbox,则其他已勾选的checkbox就应该自动取消。
Javascript和HTML代码片
// An highlighted block
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>
<script type="text/javascript">
$(function() {
$('#button_group').click(function() {
$("#buxian").removeAttr("checked");
return false
});
$('#button_group1').click(function() {
$("#buxian1").removeAttr("checked");
return true
});
$('#buxian1').click(function() {
$("INPUT[class='selected']").each( function() {
$(this).