javascript中radio框触发事件弹出多个多选框,我修改多选框。点击另外一个radio时保存那些之前勾选的数据 有关网页中radio单选框checked值的修改问题

作者&投稿:隗紫 (若有异议请与网页底部的电邮联系)
        <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>

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



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

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

你好!!

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

JavaScript做个点击事件。类似个单选radio的效果~

document*{margin:0;padding:0;}.hello{width:20px;height:20px;margin:10px auto;background:blue;}.hello.checked{background:red;}var hello = document.getElementsByClassName("hello");for(var i = 0;i



触发事件


function clickme(){
$("#man").removeAttr("checked");
$("#woman").attr('checked',true);
}

在JavaScript里面怎么才能取到radio button的值
答:1、定义一个radio节点 2、通过过滤器获取选中的radio var selectR = $('input:radio:checked');//input表示标签是input,:radio表示type是radio,:checked表示是选中3、通过val获取选中的值 var v =selectR.val();//获取选中的值

Javascript 如何判断其中一个radio被选中
答:2011-04-09 javascript中判断radio是否被选中 18 2013-05-17 html,怎么始终只选中一个radio,要写JS做判断吗? 53 2012-05-05 js如何判断多个radio其中选中了一个radio并获取选中... 16 2014-10-26 radio中的值是用java代码得到的。js怎么判断其中一个... 1 2010-01-21 JS如何判断单个radio是否被...

JavaScript 中如何读取 Radio 中的值并储存在cookie? 急 前辈帮帮忙...
答: 这是一个Radio 保存Radio的值到cookie function saveRadioValue() { var rad = document.getElementById('myRadio'); var radval = rad.getAttribute('value'); var cookiename = 'radiovalue';

急急急~~~js radio 文本框只读/只写
答:定义一个函数,绑定到两个radio的点击事件上,当点击时,先判断是哪一个被选中,将没有被选中的那一项下边的input全部设置disabled="disabled"

用javascript控制Radio隐藏显示
答:选项1 选项2 选项A 选项B 隐藏选项1 隐藏选项2

JS怎么判断 radio是否被选中
答:需要准备的材料分别有:电脑、html编辑器、浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的标签,输入js代码:if ($("input[type='radio']:checked").val()) { ('body').append('被选中');} else { ('body').append('未被选中'...

如何采用javascript判断多个radio是否被选中2个以上
答:将radio变量相加和2相比就可以了。radio默认就是选中是1,不选是0.

javascript 选择单选框
答:以下是我用闭包的方式解决你的绑定方法,你可以看一下,把你的所有js去掉,页面不变,js换成如下代码: var box = document.getElementsByName("radios"); // 循环为每个 radio 绑定 onclick 事件 for (var i = 0; i < box.length; i++) { (function() { var boxone =...

Javascript获取radio的值的一些问题定义了函数getr(),用于获取radio值...
答:两个错误:1、var temp = document.getElementsByName("name");括号中"name"应该去掉引号,这里的name是变量名,不是字符串,不应加引号;2、 onclick应调用你自定义的getr()方法而不是get()方法,getr方法的参数是字符串类型的(radio的name值),因此,括号中的参数应加引号,应写为onclick="...

javascript 的 radio 非空检测
答:你这样不行的,document.getElementsByName('radio')只返回第一个项,而且其value始终是1,要循环检测每个选项的checked,下面的代码才是正确的: function ckForm(){ var obj1=document.getElementById('textfield').value;var obj2=document.getElementsByName('radio');var error='';/* 非空验证...