js或则jquery编写checkboxlist控制table的显示和隐藏

緣分 2013-11-29 03:42:24

我的项目大概是这样的：
checkboxlist（id：chkAD）
checkboxlist的有两个子项，一个是任命（值是0），一个是免职（值是1）
两个table，一个table id是tbA,一个table id 是tbD

我用jquery编写了checkboxlist只选其一这个功能，但是我要实现我点击“任命”显示tbA，隐藏tbD，同理反之....

谁能告诉我这个怎么写？小弟感激不尽....

...全文

197 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

緣分 2013-11-29

打赏
举报

圣光麦造 2013-11-29

打赏
举报

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">

        /* 如果你要记录用户选择 使用自己办法保存这个value */
        $(function () {
            $("input[type='checkbox']").click(function () {
                $("input[type='checkbox']").removeAttr("checked");
                $(this).attr("checked", "checked");
                if ($(this).attr("value") == "A") {
                    $("#tb2").hide();
                    $("#tb1").show();
                }
                else {
                    $("#tb1").hide();
                    $("#tb2").show();
                }
            });
        });
    </script>
</head>
<body>
    <div>
        <input type="checkbox" value="A" />
        <input type="checkbox" value="B" />
    </div>
    <div>
        <table id="tb1" style="display: none;">
            <tr>
                <td>TB1</td>
            </tr>
        </table>
        <table id="tb2" style="display: none;">
            <tr>
                <td>TB2</td>
            </tr>
        </table>
    </div>
</body>
</html>

緣分 2013-11-29