jquery获取已选择和未选择的checkBox项以及清空所选项

最新推荐文章于 2022-08-12 09:54:51 发布

原创最新推荐文章于 2022-08-12 09:54:51 发布 · 2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

jQuery 专栏收录该内容

14 篇文章

订阅专栏

这段代码展示了如何使用JavaScript获取选中和未选中的复选框值。通过遍历`input[name='menuname']`集合，分别收集选中和未选中的值，并打印出来。最后，将所有复选框的选中状态设为false，实现清空选择的功能。

1.获取选中的值

    var check_value =[]; 
    $('input[name="menuname"]:checked').each(function(){
    	check_value.push($(this).val());   
    	// console.log($(this).val());
    	// console.log($(this).data('ptype'));
    }); 
	console.log("已选中值为：", check_value );

2.获取未选中的值

    var notcheck_value =[]; 
    $("input[name='menuname']:not(:checked)").each(function() { 
        notcheck_value.push($(this).val()); 
    });
	console.log("未选中值为：", notcheck_value );

3.获取清空项

$("input[name='menuname']").prop("checked",false);