jquery 如果设置选中所有的name为'abc'的checkbox

jquery 如果设置选中所有的name为'abc'的checkbox,第1张

获取checkbox选中个数的方法如下:

$('div input[type=checkbox]:checked')length

解释:

div选择div标签

div input选择所有div中的所有input标签(包括radio、checkbox、hidden等)

div input[type=checkbox]选择所有div中所有的复选框(checkbox),其中[type=checkbox]为属性选择器,会选择type属性为checkbox的元素

div input[type=checkbox]:checked选择所有div下被勾选的checkbox,其中:checked表示为勾选状态

length可以取到选择器结果的条数,即div中checkbox为选中状态的元素个数

这是拼table的代码

for ( var i = 0; i < totalCount; i++) {

var prodHtml = "";

prodHtml +="<tr>";

prodHtml +=" <td class='center'><label><input type='checkbox' class='ace' /><span class='lbl'></span></label></td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]prodCode+"</td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]prodName+"</td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]price+"</td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]prodType+"</td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]backFlag+"</td>";

prodHtml +=" <td>"+responsedatacycleMaps[i]custodyFlag+"</td>";

prodHtml +=" <td></td>";

prodHtml += "</tr>";

$('#selectedProds')append(prodHtml);

}

这是点击下一步按钮时候的方法:

function xiayibu(){

需要获取到上面table中checkbox选中的行的值,并再使用上面的方法在另一个页面中重新显示一遍

}

全选

$(":checkbox")attr("checked","checked");

全不选:

$(":checkbox")removeAttr("checked");

反选:

$(":checkbox:checked")removeAttr("checked");

$(":checkbox:not(:checked)")attr("checked","checked");

全手写,没有经过测试。

完整代码如下,测试通过:

<html>

<head>

    <title>如何用jQuery实现checkbox全选</title>

    <script src="jquery-171minjs"></script>

    <script type="text/javascript">

        //全选,全不选

        function allSelect() {

            if ($(":checkbox")attr("checked") != "checked") {

                $(":checkbox")attr("checked", "checked");

            }

            else {

                $(":checkbox")removeAttr("checked");

            }

        }

        //反选

        function otherSelect() {

            $(":checkbox")each(function () {

                if ($(this)attr("checked") == "checked") {

                    $(this)removeAttr("checked");

                }

                else {

                    $(this)attr("checked", "checked");

                }

            });

        }

    </script>

</head>

<body>

    <input id="Checkbox1" type="checkbox" />

    <input id="Checkbox2" type="checkbox" />

    <input id="Checkbox3" type="checkbox" />

    <input id="Checkbox4" type="checkbox" />

    <input id="Checkbox5" type="checkbox" />

    <input id="Button1" type="button" value="全选" onclick="allSelect();" />

    <input id="Button3" type="button" value="反选" onclick="otherSelect();" />

</body>

</html>

Jquery获取 check所有选中的值

var pausedCause = '';

$(":checkbox[name='pausedCause'][checked]")each(function(){

pausedCause += thisvalue + ',';

})

pausedCause = pausedCausesubstring(0,pausedCauselength-1);

可以参考下面的代码:

$(document)ready(function(){

varchecked=[];

$("#submitButton")click(function(){

$('input:checkbox:checked')each(function(){

checkedpush($(this)val());

});

alert(checked);

});

});

扩展资料:

jquery参考函数

$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容 

$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 

$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式 

$(”元素名称”)text(); 获得该元素的文本 

$(”元素名称”)text(value); 设置该元素的文本值为value

参考资料来源:百度百科-jQuery

以上就是关于jquery 如果设置选中所有的name为'abc'的checkbox全部的内容,包括:jquery 如果设置选中所有的name为'abc'的checkbox、jquery 如何获取table里面的checkbox、如何用jQuery实现checkbox全选等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9706404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存