JSJQ中判断checkbox是否选中

Posted 2022-08-31 angenstern

html

  <input type="checkbox" class="checkbox" />

JS

var check = document.getElementsByTagName(‘input‘)[0];
console.log(check.checked);

JQ

  1.  $("input[type=‘checkbox‘]").is(‘:checked‘);   
  2.  $("input[type=‘checkbox‘]").prop(‘checked‘); //JQ1.6版本之前不可用
  3.  $("input[type=‘checkbox‘]").is(‘:checked‘);

选中：true   

未选中：false

attr()与prop()如何选择

attr()方法返回被选元素的属性值。

prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时，则返回第一个匹配元素的值。
当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注：prop() 和 attr() 可能返回不同的值