js怎么取得name=checkbox[]的复选框选中个数

1、获取复选框被选中值

<input type="button" id="btn5" value="获得选中的所有值">

<input type="text" name="dd" id="dd" size="50" />

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

var str="";

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

str+=$(this)val()+",";

})

$("#dd")val(str)

})

JQuery获取被选中复选框checkbox的个数

通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数

<ul>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看**</li>

<li><input type="checkbox" name="test" />上网</li>

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li>

<li><input type="checkbox" name="test" />逛街</li>

<li><input type="checkbox" name="test" />聚会</li>

</ul>

<p>

<input type="button" id="count" value="有多少CheckBox被选中了？" />

<script type="text/javascript">

$(document)ready(function(){

$('input[type=checkbox]')click(function(){

$(this)attr('disabled','disabled');

if($("input[name='test']:checked")length >= 3)

{ $("input[name='test']")attr('disabled','disabled');}});

$("#count")click(function(){$('input')live('click',function(){    

alert($('input:checked')length);

});})})

</script>

效果如图:

扩展资料：

JS日常用途

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Nodejs技术进行服务器端编程。

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

实例演示如下：

1、HTML结构

<input type="checkbox" name="test" value="1"/><span>1</span>

<input type="checkbox" name="test" value="2"/><span>2</span>

<input type="checkbox" name="test" value="3"/><span>3</span>

<input type="checkbox" name="test" value="4"/><span>4</span>

<input type="checkbox" name="test" value="5"/><span>5</span>

<input type='button' value='提交' onclick="fun()"/>

2、javascript代码

function fun(){

    obj = documentgetElementsByName("test");

    check_val = [];

    for(k in obj){

        if(obj[k]checked)

            check_valpush(obj[k]value);

    }

    alert(check_val);

}

3、演示效果

如果你只是单纯的 想控制 当前选中框选中 只只需要找到这个元素 设置他的 checked 属性 为true 就行了

$("input[type='checkbox']")attr("checked", true)

但是一般情况下 设置选中 也会伴随着设置取消 所以 我会这么写

var cheeckbox =  $("input[type='checkbox']")

var isChecked = cheeckboxattr("checked")

cheeckboxattr("checked", !isChecked)

JQ：

$("tr")each(function(i,e){

if($("td input:checkbox",$(e))prop("checked")){

consolelog($("td:eq(1)",$(e))text());

}

});

function fn1(obj){

    var $li = $(obj)parent();

    var spclass = $lidata("spclass");

}

以上就是关于js怎么取得name=checkbox[]的复选框选中个数全部的内容，包括:js怎么取得name=checkbox[]的复选框选中个数、如何用js读取复选框的值、如何用JS控制复选框选中，element.checked等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！