怎么获取并在页面显示radio单选框的值？

<form action="" class="select" name="Form1"> <div class="radio" > <label> <input type="radio" name="questionSelect" value="A" />A. <span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span> </label> </div> <div class="radio"> <label> <input type="radio" name="questionSelect" value="B"/>B. <span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span> </label> </div> </form>

这个应该就是你要的效果了，检查选项的checked属性可以判断哪个选项被选中；通过onchange事件绑定即可

<!Doctype html>
    <head>
        <title>js练习</title>
        <meta charset="utf-8">
         <script src="jquery.min.js"></script>
    </head>
    <body>
        <form action="" class="select" name="Form1">
            <div class="radio" >
                <label>
                    <input onchange="setA()" type="radio" name="questionSelect" value="A" />A.
                    <span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
                </label>
            </div>

            <div class="radio">
                <label>
                      <input type="radio" name="questionSelect" value="B"/>B.
                      <span class="question-content">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</span>
                </label>
            </div>
         </form>
         <span>你的答案：</span><span id="answerOrder"></span>
        
    </body>
    <script text="text/javascript">
    //给单选按钮绑定事件
     window.onload=function(){
        var ans = document.getElementsByName("questionSelect");
        for(var i=0;i<ans.length;i++){
            ans[i].onchange=setA;
       }

     }
    //当值改变时把当前选项呈现在指定区域
    function setA(){
         var ans = document.getElementsByName("questionSelect");
         var ord = document.getElementById("answerOrder");
         for(var i=0;i<ans.length;i++)
         if(ans[i].checked==true){
               ord.innerHTML=ans[i].value;
           }
         
 }
    </script>
</html>

怎么获取并在页面显示radio单选框的值？

相关文章

相关电子书