javascript中radio框触发事件弹出多个多选框,我修改多选框。点击另外一...

发布网友发布时间：2022-05-05 01:11

共4个回答

热心网友时间：2022-04-19 07:02

        <div style="float: left">
            <input type="radio" name="rd" id="rd1" value="1" checked="checked" onclick="change(this)" /><input type="text" name="txt_rd" id="rd1_txt" />
            <br />
            <input type="radio" name="rd" id="rd2" value="2" onclick="change(this)" /><input type="text" name="txt_rd" id="rd2_txt" style="display: none" />
        </div>
        <div id="rd_div" style="float: left">
            <div id="rd1_div">
                <input type="checkbox" value="11" />11
                <input type="checkbox" value="12" />12
                <input type="checkbox" value="13" />13
            </div>
            <div id="rd2_div" style="display: none">
                <input type="checkbox" value="21" />21
                <input type="checkbox" value="22" />22
                <input type="checkbox" value="23" />23
            </div>
        </div>
        <script type="text/javascript">
            function change(arg) {
                var rd = arg;
                var thisdiv = document.getElementById(rd.id + "_div");
                var divs = document.getElementById('rd_div').getElementsByTagName('div');
                for (var i = 0; i < divs.length; i++) {
                    if (divs[i].id == thisdiv.id) {
                        divs[i].style.display = '';
                    }
                    else {
                        divs[i].style.display = 'none';
                    }
                    var chbs = divs[i].getElementsByTagName('input');
                    var checkedstr = "";
                    for (var j = 0; j < chbs.length; j++) {
                        if (chbs[j].checked) {
                            checkedstr += chbs[j].value + ',';
                        }
                    }
                    var txt = document.getElementById(divs[i].id.substring(0, 3) + "_txt");
                    txt.value = checkedstr;
                }
                var thistxt = document.getElementById(rd.id + "_txt");
                var txts = document.getElementsByName('txt_rd');
                for (var i = 0; i < txts.length; i++) {
                    if (txts[i].id == thistxt.id) txts[i].style.display = '';
                    else txts[i].style.display = 'none';
                }
            }
        </script>

简单快捷,不解释! @_@

热心网友时间：2022-04-19 08:20

多选框顺序赋值id 1,2,3,4,5....，获取到所有多选框，用input保存状态为选中的多选框id，点下一个radio的时候，把保存的拿出来，对应的选中就行了，此方法可能很烂但是应该可以解决问题哦

热心网友时间：2022-04-19 09:55

最简单的思路，用隐藏实现，隐藏DIV要在form中

热心网友时间：2022-04-19 11:46

你好！！

有html代码么，贴出比较好搞一点····