使用JavaScript验证单选按钮

用户名

我有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> &nbsp&nbsp
<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();
});

JSFiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用JavaScript进行单选按钮验证

来自分类Dev

单选按钮验证Javascript

来自分类Dev

单选按钮的 JavaScript 验证

来自分类Dev

JavaScript的单选按钮验证表

来自分类Dev

使用php验证单选按钮

来自分类Dev

如何使用HTML表单中的javascript检查单选按钮验证

来自分类Dev

JavaScript验证以检查是否选择了单选按钮?

来自分类Dev

使用JavaScript的单选按钮样式

来自分类Dev

使用javascript选择单选按钮。

来自分类Dev

onclick使用javascript单选按钮

来自分类Dev

使用PL / SQL进行单选按钮验证

来自分类Dev

使用Java验证重复的单选按钮

来自分类Dev

使用Angular验证单选按钮的选择

来自分类Dev

使用 jquery 进行单选按钮表单验证

来自分类Dev

根据选定的父单选按钮取消使用JavaScript的单选按钮

来自分类Dev

无法根据值检查单选按钮,需要使用Javascript / Jquery进行验证

来自分类Dev

如何在不使用JavaScript的情况下验证单选按钮?

来自分类Dev

如何使用 JavaScript 以一种形式验证两组单选按钮?

来自分类Dev

单选按钮验证

来自分类Dev

验证单选按钮AngularJS

来自分类Dev

离子单选按钮验证

来自分类Dev

如何验证单选按钮?

来自分类Dev

验证单选按钮

来自分类Dev

单选按钮选择验证

来自分类Dev

单选按钮状态验证

来自分类Dev

多个单选按钮验证

来自分类Dev

验证javascript中2个以上单选按钮的Coice

来自分类Dev

如果选择“是”单选按钮,则需要jQuery或JavaScript验证

来自分类Dev

验证javascript中2个以上单选按钮的Coice