如果还选中了其他复选框,如何选中第一个复选框;如果不选中所有其他复选框,则取消选中第一个复选框

时间:2019-05-07 10:31:03

标签: jquery

我希望如果选中了任何复选框,则也应该选中第一个复选框。如果所有其他复选框均未选中,则不应选中第一个复选框@evgeni fotia

{{1}}

1 个答案:

答案 0 :(得分:0)

应该执行以下操作。

这个想法是监听“其他”复选框的点击,然后根据是否选中了其他复选框来设置第一个复选框的选中状态。

var $firstCb = $("input:checkbox:first");
var $otherCb = $("input:checkbox:not(:first)");

$otherCb.on("click",function(){
   var anyChecked = $otherCb.is(":checked");
   $firstCb.prop("checked",anyChecked);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<label class="checkbox-inline">
  <input type="checkbox"  value="1" name="state">State
</label>
<label class="checkbox-inline">
  <input type="checkbox" value="2" name="district">District
</label>
<label class="checkbox-inline">
  <input type="checkbox" value="3" name="Police_station">Police Station
</label>