Question

我在表单中使用jquery。我的表格有很多关于radion按钮类型的问题。

<div>
        <label>1) Competently cut paper with scissors?</label>
            <br />
            <input type="radio" name="CAT_Custom_165607" id="CAT_Custom_165607_0" value="Yes" />
            Yes
            <input type="radio" name="CAT_Custom_165607" id="CAT_Custom_165607_1" value="No" />
            No
    </div>
    <div>
        <label>2) Hold a pencil in a mature pencil grip? </label>
            <br />
            <input type="radio" name="CAT_Custom_165609" id="CAT_Custom_165609_0" value="Yes" />
            Yes
            <input type="radio" name="CAT_Custom_165609" id="CAT_Custom_165609_1" value="No" />
            No
    </div>
    <div>
        <label>3) Write his/her first name - recognisable? </label>
            <br />
            <input type="radio" name="CAT_Custom_165610" id="CAT_Custom_165610_0" value="Yes" />
            Yes
            <input type="radio" name="CAT_Custom_165610" id="CAT_Custom_165610_1" value="No" />
            No
    </div>

我在这里有我的jquery功能：

function checkWholeForm(){
      var q1 = $('input[@name="CAT_Custom_165607"]:checked').val();
      var q2 = $('input[@name="CAT_Custom_165609"]:checked').val();
      var q3 = $('input[@name="CAT_Custom_165610"]:checked').val();
      alert(q2);
      return false;
       }

当我选择不，是，是的，对于这三个问题。它总是警告“否”，这是q1的值。但我尝试提醒q2的价值。当我提醒q3时，结果相同。这里有什么冲突吗？欢呼声。

Answer 1

您使用了错误的语法选择器语法。正确的语法是

'input[name="CAT_Custom_165607"]:checked'

注意，没有@

Answer 2

使用最近的jQuery版本，您还可以执行以下操作，找到所选输入并返回值。

$('input[name=CAT_Custom_165610]').val()

此外，不要在Javascript中验证，除非它仅用于美学。它可以被绕过。始终在后端代码中验证，无论是什么。

Answer 3

嘿，请试试这段代码。

$('input:radio').change(function () {
alert($(this).val());
});

See Demo

我希望它对你有用。

当有多个时，jquery单选按钮值不起作用

3 个答案: