日期:2014-05-17  浏览次数:20477 次

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

我用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();
                }
      &nb