帮忙说一下怎么改

0 0

帮忙说一下怎么改5

类似于下面的意思，1.当选择级别时候的3个radio 会将下面所有的一二级菜单都遍历成为一样的；2.同时一级菜单也能够控制他自己的二级菜单，即当中央电视台的‘偶尔’被选中，那么新闻联播，我要上春晚和焦点访谈也同样都变为‘偶尔’ ；3. 当焦点访谈为经常，其他为偶尔或无时，一级菜单要中央电视台要变为二级菜单里面的最高级经常。

级别无偶尔经常（radio）

中央电视台无偶尔经常（radio）

新闻联播无偶尔经常（radio）

我要上春晚无偶尔经常（radio）

焦点访谈无偶尔经常（radio）

浙江卫视无偶尔经常（radio）

晚间新闻无偶尔经常（radio）

中国好声音无偶尔经常（radio）

湖南卫视无偶尔经常（radio）

晚间新闻无偶尔经常（radio）

快乐大本营无偶尔经常（radio）

问题补充：这是一个table ，在正常时候二级菜单是隐藏的table

jQuery

2014年7月10日 10:56

阳光大蛮妞
25
0 0 2

1个答案按时间排序按投票排序

0 0

给你个jquery的参考实现吧，其它的你自己发挥

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <script src="http://libs.baidu.com/jquery/1.7.0/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $(":radio").click(function(){
                var checkedVal = $(this).val();
                var subTable = $(this).parent().find("div table");
                if(subTable){
                    subTable.find(":radio[value='"+checkedVal+"']").prop("checked",true);
                }
            });
        });
    </script>
</head>
<body>
    <div>
       中央电视台
        <input type="radio" name="cctv" id="cctv0" value="0"><label for="cctv0">无</label>
        <input type="radio" name="cctv" id="cctv1" value="1"><label for="cctv1">偶尔</label>
        <input type="radio" name="cctv" id="cctv2" value="2"><label for="cctv2">经常</label>
        <div style="padding:5px 5px 5px 20px">
            <table>
                <tr><td>
                    新闻联播
                    <input type="radio" name="xwnb" id="xwnb0" value="0"><label for="xwnb0">无</label>
                    <input type="radio" name="xwnb" id="xwnb1" value="1"><label for="xwnb1">偶尔</label>
                    <input type="radio" name="xwnb" id="xwnb2" value="2"><label for="xwnb2">经常</label>
                </td></tr>
                <tr><td>
                    焦点访谈
                    <input type="radio" name="jdft" id="jdft0" value="0"><label for="jdft0">无</label>
                    <input type="radio" name="jdft" id="jdft1" value="1"><label for="jdft1">偶尔</label>
                    <input type="radio" name="jdft" id="jdft2" value="2"><label for="jdft2">经常</label>
                </td></tr>
            </table>
        </div>
    </div>
</body>
</html>

2014年7月10日 11:28