使用js获取单选按钮的数据的操作
对于表单内 多个单选按钮组的选取和判断,绕了不少弯路,总是在chrome和ie之间的兼容问题头疼。
终于,下面的方法完成了。 虽然有点乱。
1.
表单页面:
<form method="post" name="form1">
<label><input type="radio" name="radio" value="1-10 岁">1-10 岁</label>
<label><input type="radio" name="radio" value="11 岁">11 岁</label>
<label><input type="radio" name="radio" value="12-120 岁">12-120 岁</label>
<input type="button" onclick="ok()" value="测试选择值">
</form>
操作脚本:
<script language="javascript" type="text/javascript">
<!--
function ok()
{
var temp=document.getElementsByName("radio");
for (i=0;i<temp.length;i++){
//遍历Radio
if(temp[i].checked)
{alert("你选择了"+temp[i].value);
//获取Radio的值
document.form2.textfield.value="你选择了"+temp[i].value;
//传递给另外一个表单
}
}
}
-->
</script>
接收表单:
<form method="post" name="form2">
<input type="text" name="textfield">
</form>
2.
页面表单
<form action="qrj_query.php" method="post" id="check_buy" name="check_buy" >
1.
<label><li><input name="a01" id="a01" type="radio" value="A" class="fl" /><p class="fl">A.18岁以下</p></li></label>
<label><li><input name="a01" id="a01" type="radio" value="B" class="fl" /><p class="fl">B.19-25岁</p></li></label>
<label><li><input name="a01" id="a01" type="radio" value="C" class="fl" /><p class="fl">C.26-30岁</p></li></label>
<label><li><input name="a01" id="a01" type="radio" value="D" class="fl" /><p class="fl">D.31岁以上</p></li></label>
2.
<label><li><input name="a02" id="a02" type="radio" value="A" class="fl" /><p class="fl">A.有帮助</p></li></label>
<label><li><input name="a02" id="a02" type="radio" value="B" class="fl" /><p class="fl">B.没帮助</p></li></label>
<label><li><input name="a02" id="a02" type="radio" value="C" class="fl" /><p class="fl">C.不知道</p></li></label>
3.
<label><li><input name="a03" id="a03" type="radio" value="A" class="fl" /><p class="fl">A.干燥,需要补水保湿</p></li></label>
<label><li><input name="a03" id="a03" type="radio" value="B" class="fl" /><p class="fl">B.很幸运,皮肤不干也不油</p></li></label>
<label><li><input name="a03" id="a03" type="radio" value="C" class="fl" /><p class="fl">C.T区毛孔较粗,容易泛油光</p></li></label>
<img src="images/con_button_04.gif" alt="" class="fl" style="margin-left:383px;CURSOR: pointer" id="csubmit" />
</form>
js操作代码:
$(function(){
$("#csubmit").click(function(){
var frm = document.forms['check_buy'];
var url = document.URL;
var msg = '';
var val;
var vs="";
for(var i=1;i<=3;i++){
var temp=document.getElementsByName("a0"+i);
for (var j=0;j<temp.length;j++){
if(temp[j].checked){
vs = vs + temp[j].value;
}
}
}
if(vs.length!=9||vs==""){
alert("请填写完整");
return;
}
else
{
alert("ok");
return true;
}
})
});