HTML输入类型的无线电值不会返回正确的val()。长度

时间:2015-06-05 10:58:13

标签: jquery html

以下是表单的一部分,用户应填写一些数据并选择一些无线电选项。

<span>Phone</span>
<input type="radio" value="Phone" id="PreferableContactMethod" name="PreferableContactMethod" required>

<span>Email</span>
<input type="radio" value="Email" id="PreferableContactMethod" name="PreferableContactMethod" required>

要验证我的表单,我使用下面的JQuery函数

function validate(){
if (
    $('#FirstName').val().length   >   0   &&
    $('#LastName').val().length  >   0   &&
    $('#PreferableContactMethod').val().length    >   0
    )

{
    $("input[type=submit]").prop("disabled", false);
    $('input[type=submit]').val('Submit Form');

}else {
    $("input[type=submit]").prop("disabled", true);
    $('input[type=submit]').val('Fill in all required fields to Submit Form');
}

此功能适用于我的所有输入字段,但它不适用于输入类型广播

有什么建议吗?

2 个答案:

答案 0 :(得分:2)

尝试使用它来获取所选复选框的值:

$("input[name='PreferableContactMethod']:checked").val()

答案 1 :(得分:0)

首先,您不能在多个元素上使用相同的i。您应该使用'选择单选按钮。要检查是否选择了其中一个,请使用id