js单选框、复选框练习

来源:互联网 发布:手机火车票订票软件 编辑:程序博客网 时间:2024/03/29 17:38

js单选框、复选框练习


<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>mischen</title>    <script Language="JavaScript">        function getRadioValue(){            var radioGroup=document.forms[0].r;            var selected=null;            for(var i=0;i<radioGroup.length;i++){                if(radioGroup[i].checked){                    selected=radioGroup[i];                    alert(selected.value);                    break;                }            }        }        function getCheckboxValue(){            var group=document.form1.hobby;            var a1=new Array();            var j=0;            for(var i=0;i<group.length;i++){                if(group[i].checked){                    alert(group[i].value);                    a1[j]=group[i].value;                    j++;                }            }        }    </script></head><body>   <form name="from1">         <input type="radio" name="r" value="1">奥迪</input>         <input type="radio" name="r" value="2">宝马</input>         <input type="radio" name="r" value="3">奔驰</input><br>          驾驶技术:<br>       <input type="checkbox" name="hobby" value="1">开车</input><br>       <input type="checkbox" name="hobby" value="2">开飞机</input><br>       <input type="checkbox" name="hobby" value="3">开坦克</input><br>       <input type="checkbox" name="hobby" value="4">开轮船</input><br>       <input type="button" onclick="getRadioValue();" value="选择汽车"/><br>       <input type="button" onclick="getCheckboxValue();" value="选择驾驶技术"/><br>     </form></body></html>


0 0
原创粉丝点击