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

js或则jquery编写checkboxlist控制table的显示和隐藏
我的项目大概是这样的：
checkboxlist（id：chkAD）
checkboxlist的有两个子项，一个是任命（值是0），一个是免职（值是1）
两个table，一个table id是tbA,一个table id 是tbD
js或则jquery编纂checkboxlist控制table的显示和隐藏

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

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

.net web开发 jquery js

------解决方案--------------------

引用:

对了，我不需要chkAppointmentDismission_SelectedIndexChanged事件编写，因为我试过，我保存了表单，给下个人审批打开重新编译整个表单又显示，并且checkboxlist未选中任何一个

判断！如果选择任命。就显示DIV1，如果选择罢免，就显示DIV2，初始的时候，两个层都要隐藏！

选择的时候先判断是否被选择了，如果其中一个选择了，就把自动把他去掉选择！
------解决方案--------------------

<!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>

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

相关推荐