欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS、JQ中判断checkbox是否选中

程序员文章站 2023-08-23 10:23:34
HTML JS JQ 选中:true 未选中:false attr()与prop()如何选择 attr()方法返回被选元素的属性值。 prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对 ......

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() 可能返回不同的值