jquery获取CheckBox的checked属性值问题

1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化

2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系

3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得

4、使用$("#checkbox_id").attr("checked")获取的值与<input type="checkbox"></input>里的checked情况一至,不是所见即所得

5、使用$(":checkbox:checked")获取的都是被钩上的checkbox

6、document.getElementById("checkbox_id").checked=true,控件里的checked属性没有显示出来,所做即所见

7、$("#checkbox_id").attr("checked",true),控件里的checked属性显示出来,所做即所见,同时代码也会变化


补充:

8、在onchange或onclick方法中可以通过$("#check_id").is(":checked")判断是否选中

9.案例如下


此种方式在CheckBox点击时获取的时原来CheckBox的checked属性值,点击事件不会更改这个值。

但是使用下面这种方式


就获取的是点击CheckBox的checked属性值,能够完成需求。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: jquery 获取 checkbox 元素的选中状态,可以使用以下代码: ``` // 选中所有名为 "myCheckBox" 的 checkbox 元素 var myCheckBoxes = $('input[name="myCheckBox"]:checked'); // 遍历所有选中的 checkbox 元素 myCheckBoxes.each(function() { // 获取选中的 checkbox 元素的 var value = $(this).val(); // 处理选中的 // ... }); ``` 上述代码中,通过 `$()` 函数获取所有名为 `myCheckBox` 的 checkbox 元素,且已选中的元素。然后使用 `each()` 函数遍历选中的 checkbox 元素,获取并处理。其中,`:checked` 是用来过滤选中状态的伪类选择器。在 `input` 标签中使用 `name` 属性来标识 checkbox 元素。 ### 回答2: 在使用jQuery获取选中的checkbox时,可以使用以下几个方法: 1.使用prop()方法 在代码中使用prop方法来获取一个checkbox或者多个checkbox是否被选中。该方法可以获取一个或多个表单元素的属性。通常,可以使用该方法来获取选中的checkbox属性。 //获取所有选中的checkbox var checkedValues = $('input:checkbox:checked').map(function() { return this.value; }).get(); //获取特定id的checkbox是否选中 if ($('#checkboxId').prop('checked')) { //执行操作 } 2.使用attr()方法 使用attr()方法来获取一个或多个checkbox元素的属性,以判断是否被选中。如果需要判断多个checkbox,可以循环遍历所有的checkbox元素。 //获取所有选中的checkbox var checkedValues = []; $("input[type='checkbox']").each(function() { if ($(this).attr('checked')) { checkedValues.push($(this).val()); //将所有选中的checkbox加入数组中 } }); //获取特定id的checkbox是否选中 if ($('#checkboxId').attr('checked')) { //执行操作 } 3.使用is()方法 使用is()方法来找到所有选中的checkbox元素。这个方法比prop()方法和attr()方法都要简单,因为它只需要遍历所有的表单元素,找到选中的checkbox元素即可。 //获取所有选中的checkbox var checkedValues = []; $("input[type='checkbox']").each(function() { if ($(this).is(':checked')) { checkedValues.push($(this).val()); //将所有选中的checkbox加入数组中 } }); //获取特定id的checkbox是否选中 if ($('#checkboxId').is(':checked')) { //执行操作 } 总之,使用jQuery获取checkbox选中的属性非常简单,可以使用prop()方法、attr()方法或is()方法找到所有的选中的checkbox元素,并执行相应的操作。 ### 回答3: jQuery是一个非常流行的JavaScript库,它提供了适用于跨浏览器的JavaScript程序的快捷方式和方便的API。在网页中,checkbox是一种常用的HTML元素,用于选择一个或多个项目。当有多个checkbox时,我们通常需要用JavaScript获取选中的checkbox以便进行进一步的处理。 在使用jQuery获取选中的checkbox时,我们可以通过使用选定元素集合中的.filter()方法来筛选出所有选中的checkbox。代码如下: ``` $('input[type=checkbox]:checked').each(function() { // 处理选中的checkbox }); ``` 以上代码通过选择input元素中type为checkbox且被选中的元素来获取所有选中的checkbox。接下来使用.each()方法来遍历选中的checkbox集合并对每个元素进行处理。可以在.each()方法函数中访问选中的checkbox元素,进而对它们进行进一步的操作。 在处理多个checkbox时,还可以使用jQuery选择器来选择checkbox的父元素,然后使用.find()方法来查找选中的checkbox。例如: ``` $('#checkboxGroup').find('input[type=checkbox]:checked').each(function() { // 处理选中的checkbox }); ``` 以上代码首先选择id为“checkboxGroup”的父元素,然后查找所有选中的checkbox元素并对它们进行处理。这种方法可以让我们避免直接在HTML代码中书写JavaScript代码,提高了代码的可读性和维护性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值