radio提交验证HTML codeform nameform1 idform1 methodposttabletrtd height10 style
radio提交验证
- HTML code
<form name='form1' id="form1" method="post"><table> <tr> <td height="10" style="color:#FF0000 " ><span id='radio_id15'>显示器:</span>:</td> <td height="10" style="color:#FF0000 "> <input type="radio" name="4" value="有" />有<input type="radio" name="4" value="无" />无<input type="radio" name="4" value="未知" />未知</td> <td height="10" style="color:#000000 " ><span id='radio_id16'>鼠标</span>:</td> <td height="10" style="color:#000000 "> <input type="radio" name="7" value="有" />有<input type="radio" name="7" value="无" />无<input type="radio" name="7" value="未知" />未知</td></tr><tr> <td height="10" style="color:#000000 " ><span id='radio_id17'>椅子</span>:</td> <td height="10" style="color:#000000 "> <input type="radio" name="8" value="有" />有<input type="radio" name="8" value="无" />无<input type="radio" name="8" value="未知" />未知</td> <td height="10" style="color:#000000 " ><span id='radio_id18'>电源</span>:</td> <td height="10" style="color:#000000 "> <input type="radio" name="9" value="有" />有<input type="radio" name="9" value="无" />无<input type="radio" name="9" value="未知" />未知</td></tr><tr> <td height="10" style="color:#FF0000 "><span id='radio_id19'>网线</span>:</td> <td height="10" style="color:#FF0000 "> <input type="radio" name="10" value="有" />有<input type="radio" name="10" value="无" />无<input type="radio" name="10" value="未知" />未知</td></tr><tr><td height="40" colspan="4" align="center"><br> <input name="save" type="button" id="btn" value="下一步" onclick="sub()" /> <input name="close" type="reset" value="重新输入" id="btn"/> </td> </tr></table></form>
- JScript code
function sub() { var obj = document.getElementsByTagName("input"); //alert(obj.length); -->17 for (var i = 0; i < obj.length; i ++) { var id_value = 'radio_id'+ i; if (obj[i].type == 'radio' && obj[i].checked ==true && obj[i].value =='有') { //alert(id_value); var aid = document.getElementById("'radio_id'+ i"); alert(aid.innerHTML); } }}想实现点击提交后将radio选中的内容存到一个数组中,(数组会发送到另外一个页面进行信息确认和预览),存的是汉字 不是 “有”、“无”,html里面value不改要存数据库,其他属性可以改。
我写了这个aid取不到值,,,,郁闷,求助啊 很着急 不胜感激
[解决办法]
html代码太烂。
单个radio对象在整个obj集合中索引值跟span的id不是对应的,所以document.getElementById('radio_id' + i)永远都无法获取到span对象。
另外,name属性值不能是纯数字的。
