checkbox:获取选中的checkbox

最新推荐文章于 2020-11-05 19:03:19 发布

weixin_30412577

最新推荐文章于 2020-11-05 19:03:19 发布

阅读量79

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wyBlog117/p/4604004.html

本文介绍如何在JavaScript中使用$.find()方法和.each()迭代器来获取并处理页面上的被选中的checkbox元素。包括单个checkbox的处理、多个checkbox的选择以及对表格数据的检查与提示。

checkbox:获取选中的checkbox

1,
function CheckInput() {
var _nCount = 0;
$("#box1").find(":checkbox:checked").each(function () {
_nCount++;
});
}

2.,if (!$("input[type='checkbox']").is(':checked')) {
top.alert("请您选择变更申请项目");
return false;
}

3,$('#file tr td .point').each(function () {

var li = $(this).parents('tr').find('.f_l_c');
var html = $(this).parents('tr').find('td').eq(1).find('span').html();
if (li.length == 0) {
top.alert("请上传'" + html + "'附件");
ReStr = false;
return ReStr;
}
});

4,有多个checkbox,选出第一个选中的checkbox:

    $("#btn").click(function () {            
        //选择checkbox前面加冒号，选中属性前加冒号
        var checks = $("#table2 :checkbox:checked");
        if (checks.length > 0) {  
        //eq是第几个,从0开始                
            var sid = checks.eq(0).parent().parent().attr("id");
            alert(sid);
        }
        else {
            alert("你没有选择");
        }
    });

页面结构：

    <input type="button" id="btn" value="单击" />
    <table id="table2">
    <tr guid="ed2d15679cce4100b7ad4a4f27bf8f02" num="11" id="108580">
    <td style="width: 20px; color: rgb(0, 0, 0);"><input type="checkbox" value="108580" name="id"></td>
    </tr>
    </table>

转载于:https://www.cnblogs.com/wyBlog117/p/4604004.html