获取复选框值

最新推荐文章于 2024-07-05 03:43:37 发布

原创最新推荐文章于 2024-07-05 03:43:37 发布 · 300 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#获取复选框值 #jquery

本文介绍了一种使用JavaScript实现网页中复选框选择与批量删除功能的方法。通过遍历已选择的复选框，收集其值并进行操作，提高了用户在网页上处理多项选择任务的效率。

<input type="checkbox" name="test" value="1" >
<input type="checkbox" name="test" value="2" >
<input type="checkbox" name="test" value="3" >
<input type="checkbox" name="test" value="4" >

<a href="javascript:;"  onclick="check()"  >删除</a>
function check () {
    var chk_value =[]; 
    $('input[name="test"]:checked').each(function(){ 
        chk_value.push($(this).val()); 
    }); 
    alert(chk_value.length==0 ?'请选择！':chk_value); 
}