我有2个单选按钮。我需要使用javascript对单选按钮进行验证。请告诉我我的代码有什么问题。这是代码。
$(function() {
$("#XISubmit").click(function(){
var XIGender= document.forms["XIForm"]["XIGender"].value;
if (XIGender==null || XIGender=="") {
alert("Please select the gender");
return false;
}
document.getElementById("XIForm").submit();
});
这是我的HTML代码:
<label>Gender </label>   
<input type='radio' name='XIGender' value='Male' id="XImale"/>Male
<input type='radio' name='XIGender' value='Female' id="XIfemale"/>Female</td>
这样就无法获得单选按钮的值。document.forms["XIForm"]["XIGender"]
将返回多个节点,而您将无法获得value
节点列表的属性。由于您使用的是jQuery,因此可以更轻松地完成此操作:
$("#XISubmit").click(function () {
var $XIForm = $('form[name=XIForm]');
var XIGender = $XIForm.find('input[name=XIGender]:checked').val();
if (XIGender == null || XIGender == "") {
alert("Please select the gender");
return false;
}
$XIForm.submit();
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句