您的位置:首页 > Web前端 > JavaScript

关于JS单选按钮与复选按钮验证是否选中

2015-09-10 22:23 501 查看
</pre><pre name="code" class="html">//验证性别选择没有
function cheksex(Name){
var msg="";
var form=Name.value;
if(form=="男"||form=="女"){
return true;
}else{
msg="请选择性别";

return false;
}
}
<td align="right">性别:</td>
<td width="58" colspan="3"><input type="radio" name="sex" value="男" onclick="clearMsg('div_sex')" />男<input type="radio" name="sex" value="女" onclick="clearMsg('div_sex')" />女</td>
<td><div id="div_sex"></div></td>

验证单选按钮时  将单选按钮的name和DIV的ID传给方法cheksex()  判断单选按钮的Value是否选择。

function chekYue(Name){
var msg="";
var form=Name;
if(form.checked){

return true;
}else{
msg="请阅读相关条款";

return false;
}
}
<td colspan="3"><input type="checkbox" name="yuedu" value="du" onclick="clearMsg('div_yue')" />我已阅读并接受<a href="">服务条款</a></td>
<td><div id="div_yue"></div></td>
<td width="158"><span>选择服务前,请仔细阅读服务条款</span></td>
而复选框则是将复选按钮name传给chekYue()中,使用.checked来判断是否选中了复选按钮,而不像单选按钮判断Value值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息