-------------------------
补充：
你可以试着这样做
当你动态添加控件的时候为每个radio添加一个onclick事件，事件的内容是把自己的value给一个hidden，然后直接点按钮的时候取那个hidden的值就行了。
---------------
再次补充：
是的，不然你就遍历一次就好了，其实客户端遍历是很快的事情，不用考虑效率问题。<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js检测Radio选中</title>
</head>
<body>
<label>
<input type="radio" value="0" name="switch">关
</label>
<label>
<input type="radio" value="1" name="switch" checked>开
</label>
<p id="result">
当前选中的 radio 值为：<b></b>
<button onclick="checkRadio()">检测 Radio</button>
</p>
<script>
var radios = documentquerySelectorAll('input[type="radio"]'),
result = documentquerySelector('#result > b');
function checkRadio() {
for (var i = 0; i < radioslength; i++) {
if (radios[i]checked) {
resultinnerHTML = radios[i]value;
}
}
}
</script>
</body>
</html>你这种相当于是，自己从新美化，可以点击的时候改变一张img，如：
$(function(){
$(xx)click(function(){
$(img)atrr("src","images/bgjpg")
})
})非常抱歉，今天才看到，加之本人对JavaScript不是很熟悉！
看你的需求，不应该称之为“单选框"（radio），而是多选框（checkbox）。
先说问题2，表单提交时，判断哪些被选中比较简单，遍历页面下半部分的所有的”多选框“，依次判断是否被选中：通过checked属性，为true表示选中。
至于问题1，必然一点，需要对页面上半部分的每一个多选框关联一个事件，用来自动选中页面下半部分对应的多选框（2项）。至于选中方法，也很简单，就是将checked属性值为true即可。
参考代码示例：>
js取单选框的值需要循环遍历判断checked属性是否为真。
<!--html--><form id="list" method="post" action="">
<input type="radio" name="user" value="1">1
<input type="radio" name="user" value="2">2
<input type="radio" name="user" value="3">3
</form>
<!--js-->
<script language="javascript">
function usubmit(action){//获取radio的value的方法
var radios = documentgetElementById("list")user;//获取id为list下的所有name为user的值的集合
for(var i=0;i<radioslength;i++){//循环值得集合
if(radionum[i]checked){//通过checked属性判断是否被选中
userid = radionum[i]value//将被选择的radio的值赋给变量userid
}
}
alert(userid)//d出被选中的radio的值
}
</script>你要实现的是单击第一个单选框 第二个自动选中吧？如果是，请看下边。。
将你的单选框的name属性 设置为两个不同的值 比如：radio1,radio2，并分别赋予id 比如是 id1和id2，代码如下：
var radio1=documentgetElementById('radio1');
var radio2=documentgetElementById('radio2');
if(radio1checked==true){
radio2checked='checked';
}
//注意：这里虽然没有用到 name属性，但必须保证name属性不相同，因此这是说明了两个单选框不在同一组，即不是互斥的，如果那么相同 那就是互斥了 选中了第一个第二个就不能再选中了
//如果radiochecked==true无法执行，请使用radiochecked=='checked';
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）