jqueyr判断checkbox组的选中(示例代码)

122 阅读 0 评论 81 点赞

我是靠谱客的博主健壮宝马，最近开发中收集的这篇文章主要介绍jqueyr判断checkbox组的选中(示例代码)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

html:

复制代码代码如下:

  <tr>
                        <td align="right">
                        </td>
                        <td align="left" colspan="3">
                            <input type="checkbox" class="checkboxListItem" name="checkItem" value="3" id="slsa_approval" />批准   
                            <input type="checkbox" class="checkboxListItem" name="checkItem" value="4" id="slsa_noApproval" />不批准
                        </td>
                    </tr>

jquery :

复制代码代码如下:

$(function () {
    $(".checkboxListItem").change(    //教师
        function () {
            var $checkValue = $("input[name='checkItem']:checked").val();
            if ($checkValue == 3) {
                $("#slsa_approval").attr("checked", true);
                $("#slsa_noApproval").attr("checked", false); 
            }
            else {
                $("#slsa_approval").attr("checked", false);
                $("#slsa_noApproval").attr("checked", true); 
            }
        }); 
});

通过值的判断:

复制代码代码如下:

 var checkCheckbox = $("#slsa_approval").attr("checked");
        if (checkCheckbox == true) {
            auditState = "3";
        } else {
            auditState = "4";
        }