单选框 复选框选中后的js代码处理
<script type="text/javascript"> function check(){ document.getElementById("checked").style.display="block"; var radio=document.getElementsByName("sex");//此处不能getElementById(),否则只会取第一个的值 for(var i=0;i<radio.length;i++){ if(radio[i].checked) { alert(radio[i].value); alert("wocaonima"); } } } function checkbox(){ var cc=document.getElementsByName("checkbox"); var value=""; for(var i=0;i<cc.length;i++){ if(cc[i].checked==true){ value+=cc[i].value; } } alert(value); } </script> </head> <body> <div id="shenmewanyi"> <input type="radio" name="sex" value="0">男 <input type="radio" name="sex" value="1">女 <input type="radio" name="sex" value="2">保密 <input type="button" value="提交" onclick="check()"> </div> <div id="checked" style="display:none;"> <input type="checkbox" name="checkbox" value="music">音乐 <input type="checkbox" name="checkbox" value="read">阅读 <input type="checkbox" name="checkbox" value="paint">绘画 <input type="button" value="提交" onclick="checkbox()"> </div>
时间: 2024-10-13 14:15:28