当前位置：首页 > 资讯 > 技术文档

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

时间：2021-05-27 06:53 编辑：来源：阅读：
扫一扫，手机访问

摘要：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 :

[u]复制代码[/u] 代码如下:

$(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);
            }
        });
});

通过值的判断:

[u]复制代码[/u] 代码如下:

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

全部评论(0)

上一篇：jQuery 开天辟地入门篇一
下一篇：jQuery蓝色风格滑动导航栏代码分享

资讯排行榜
更多>>