如何使用mvc razor添加多个复选框

Question

我搜索了这么多次，但是没有用，请帮助我 如何添加一个CheckBox看到我的屏幕截图只需点击一下复选框就应该检查它们并且能够取消选中其他复选框 谢谢

Answer 1

你可以使用jQuery来做到这一点。这是一个示例代码：

 
$(".w3-check").click(function(){
  $('input:checkbox').prop('checked', this.checked);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>1</label> 
<input type="checkbox" class="w3-check"/> 
<label>2</label>
<input type="checkbox" class="w3-check"/>
<label>3</label>
<input type="checkbox" class="w3-check"/>
<label>4</label>
<input type="checkbox" class="w3-check"/>

Answer 2

我们可以通过单击任何类.w3-check的复选框来执行此操作，而不是选中具有相同类的所有复选框，而不是检查当前页面的所有复选框。

   $(".w3-check").on("change",function(){
    if(this.checked)
    {
      $(".w3-check").prop('checked', this.checked);
    }
   });