Question

我有一个简单的Checkbox

<div>
   <input type="checkbox" id="chkBox1" value="Test" /> Test
</div>

MVC 5为此复选框呈现此html

<div class="checker" id="uniform-chkBox1">
   <span class="checked">
     <input type="checkbox" value="Test" id="chkBox1">
   </span>
</div>

我想使用Javascript / JQuery取消选中此复选框，但我无法理解。使用Firebug，当我删除span类“已选中”时，复选框将被取消选中，但我无法弄清楚如何在Javascript中执行此操作。

Answer 1

使用.prop()。

在您的情况下，$("#chkBox1").prop("checked", false);将取消选中，$("#chkBox1").prop("checked", true);将会检查。

运行以下代码以查看实际操作。

setInterval(function() {
  if ($("#chkBox1").prop("checked"))
    $("#chkBox1").prop("checked", false);
  else
    $("#chkBox1").prop("checked", true);
  }, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" value="Test" id="chkBox1" checked />

Answer 2

$('#chkBox1').prop('checked', true)

将其关闭并

$('#chkBox1').prop('checked', false)如果关闭则会转动。

您也可以使用prop()

代替attr()

如果您只想从checked元素中删除类span。你可以做到

$('#uniform-chkBox1 span.checked').removeClass('checked')

使用Javascript / JQuery取消选中Checkbox

2 个答案: