首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

check判断 及radio取值解决思路

2012-05-30 
check判断 及radio取值抱歉之前代码不清晰JScript codeform nameform1onSubmitchange() idform1

check判断 及radio取值
抱歉之前代码不清晰

JScript code
<form name='form1'onSubmit="change()" id="form1" method="post"><table width="90%"  border="0" align="center" ><tr>    <td width="13%" height="0"   ></td>    <td width="45%" ></td>    <td width="13%"></td>    <td width="29%" ></td>  </tr>   <tr>    <td width="13%" height="0"   ></td>    <td width="45%" ></td>    <td width="13%"></td>    <td width="29%" ></td>  </tr>   <tr>      <td height="10" style="color:#FF0000 " >肺气肿:</td>    <td height="10" style="color:#FF0000 ">        <input type="radio" name="6" value="有"  onChange="change()" >有<input type="radio" name="6" value="无" onChange="change()" checked>无<input type="radio" name="6" value="未知"  onChange="change()" >未知</td>    <td height="10" style="color:#000000 " >慢性支气管炎:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="3" value="有"  onChange="change()" >有<input type="radio" name="3" value="无" onChange="change()" checked>无<input type="radio" name="3" value="未知"  onChange="change()" >未知</td></tr><tr>       <td height="10" style="color:#FF0000 " >哮喘:</td>       <td height="10" style="color:#FF0000 ">                <input type="radio" name="4" value="有"  onChange="change()" >有<input type="radio" name="4" value="无" onChange="change()" checked>无<input type="radio" name="4" value="未知"  onChange="change()" >未知</td>       <td height="10" style="color:#000000 " >鼻窦炎:</td><td height="10" style="color:#000000 ">                <input type="radio" name="7" value="有"  onChange="change()" >有<input type="radio" name="7" value="无" onChange="change()" checked>无<input type="radio" name="7" value="未知"  onChange="change()" >未知</td></tr><tr>    <td height="10" style="color:#000000 " >过敏性鼻炎:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="8" value="有"  onChange="change()" >有<input type="radio" name="8" value="无" onChange="change()" checked>无<input type="radio" name="8" value="未知"  onChange="change()" >未知</td>    <td height="10" style="color:#000000 " >鼻息肉:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="9" value="有"  onChange="change()" >有<input type="radio" name="9" value="无" onChange="change()" checked>无<input type="radio" name="9" value="未知"  onChange="change()" >未知</td></tr></table></form>


------解决方案--------------------


HTML code
<form name='form1' id="form1" method="post"><table width="90%"  border="0" align="center" >    <tr>      <td height="10" style="color:#FF0000 " >显示器:</td>    <td height="10" style="color:#FF0000 ">        <input type="radio" name="6" value="有"  onChange="change()" >有<input type="radio" name="6" value="无" onChange="change()" checked>无<input type="radio" name="6" value="未知"  onChange="change()" >未知</td>    <td height="10" style="color:#000000 " >鼠标:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="3" value="有"  onChange="change()" >有<input type="radio" name="3" value="无" onChange="change()" checked>无<input type="radio" name="3" value="未知"  onChange="change()" >未知</td></tr><tr>    <td height="10" style="color:#FF0000 " >键盘:</td>    <td height="10" style="color:#FF0000 ">        <input type="radio" name="4" value="有"  onChange="change()" >有<input type="radio" name="4" value="无" onChange="change()" checked>无<input type="radio" name="4" value="未知"  onChange="change()" >未知</td>    <td height="10" style="color:#000000 " >椅子:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="7" value="有"  onChange="change()" >有<input type="radio" name="7" value="无" onChange="change()" checked>无<input type="radio" name="7" value="未知"  onChange="change()" >未知</td></tr><tr>    <td height="10" style="color:#000000 " >电源:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="8" value="有"  onChange="change()" >有<input type="radio" name="8" value="无" onChange="change()" checked>无<input type="radio" name="8" value="未知"  onChange="change()" >未知</td>    <td height="10" style="color:#000000 " >鼻息肉:</td>    <td height="10" style="color:#000000 ">        <input type="radio" name="9" value="有"  onChange="change()" >有<input type="radio" name="9" value="无" onChange="change()" checked>无<input type="radio" name="9" value="未知"  onChange="change()" >未知</td></tr><tr>    <td height="10" style="color:#FF0000 " >网络:</td>    <td height="10" style="color:#FF0000 ">        <input type="radio" name="10" value="有"  onChange="change()" >有<input type="radio" name="10" value="无" onChange="change()" checked>无<input type="radio" name="10" value="未知"  onChange="change()" >未知</td></tr><tr><td height="40" colspan="4"  align="center"><br>    <input name="test" type="button"  id="btn"  value="下一步"  onclick="fn()" >     <input name="close" type="reset"  value="重新输入"  id="btn">   </td> </tr></table></form><script type="text/javascript">    function fn(){        var ar_text = [], ar_radio = [], i = 0;        var obj = document.getElementsByTagName("input"); //貌似是这行有问题        for (var i = 0; i < obj.length; i ++) {            console.log( obj[i].value )            if (obj[i].type == 'radio' && obj[i].value =='有' && obj[i].checked)            {                ar_radio.push(obj[i].value);                }                        }        alert(ar_radio);    }</script> 


[解决办法]
不知道楼主到底想要什么值,为什么要循环所有的input控件,提供了两个change方法,只是alert出了觉得你用到的值,看是否有用吧,需要哪个从哪个里面取

修改了出发时间,将onChange改成了onclick,我以前在radio上通过onclick调用的js

带参数的方法在调用的时候,将onclick="change()"修改成onclick="change(this)"即可

<form name='form1'onSubmit="change()" id="form1" method="post">
<table width="90%" border="0" align="center" >

<tr>
<td width="13%" height="0" ></td>
<td width="45%" ></td>
<td width="13%"></td>
<td width="29%" ></td>
</tr>
<tr>
<td width="13%" height="0" ></td>
<td width="45%" ></td>
<td width="13%"></td>
<td width="29%" ></td>
</tr>
<tr>
<td height="10" style="color:#FF0000 " >肺气:</td>
<td height="10" style="color:#FF0000 ">
<input type="radio" name="6" value="有" onclick="change()" >有
<input type="radio" name="6" value="无" onclick="change()" checked>无
<input type="radio" name="6" value="未知" onclick="change()" >未知</td>
<td height="10" style="color:#000000 " >慢性支气管炎:</td>
<td height="10" style="color:#000000 ">
<input type="radio" name="3" value="有" onclick="change()" >有
<input type="radio" name="3" value="无" onclick="change()" checked>无
<input type="radio" name="3" value="未知" onclick="change()" >未知</td></tr>
<tr>
<td height="10" style="color:#FF0000 " >哮喘:</td>
<td height="10" style="color:#FF0000 ">
<input type="radio" name="4" value="有" onclick="change()" >有
<input type="radio" name="4" value="无" onclick="change()" checked>无
<input type="radio" name="4" value="未知" onclick="change()" >未知</td>
<td height="10" style="color:#000000 " >鼻炎:</td>
<td height="10" style="color:#000000 ">
<input type="radio" name="7" value="有" onclick="change()" >有
<input type="radio" name="7" value="无" onclick="change()" checked>无
<input type="radio" name="7" value="未知" onclick="change()" >未知
</td>
</tr>
<tr>
<td height="10" style="color:#000000 " >敏性鼻炎:</td>
<td height="10" style="color:#000000 ">
<input type="radio" name="8" value="有" onclick="change()" >有
<input type="radio" name="8" value="无" onclick="change()" checked>无
<input type="radio" name="8" value="未知" onclick="change()" >未知</td>
<td height="10" style="color:#000000 " >鼻息肉:</td>
<td height="10" style="color:#000000 ">
<input type="radio" name="9" value="有" onclick="change()" >有


<input type="radio" name="9" value="无" onclick="change()" checked>无
<input type="radio" name="9" value="未知" onclick="change()" >未知
</td>
</tr>

</table>
<script type="text/javascript">
function change(obj) {
alert(obj.value);
alert(obj.parentNode.previousSibling.innerHTML);
alert(obj.parentNode.previousSibling.innerHTML + obj.value);
}
function change(){
var obj = document.getElementsByTagName("input");
for(var i = 0; i < obj.length; i++) {
if(obj[i].type == "radio" && obj[i].checked==true) {
alert(obj[i].parentNode.previousSibling.innerHTML + obj[i].value);
}
}
}
</script>
</form>

热点排行