使用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;
      }
        
  })
});
