Question

我有一个带有2对单选按钮的表单我想在jquery中获取表单提交的值。 此代码适用于单个单选按钮，但我不知道如何获取genderkid第二个单选按钮的值？

在代码中添加名称字段的位置

<form onsubmit="return chk()">
father<input type="radio" name="gender"/>
mother<input type="radio" name="gender"/>
boy<input type="radio" name="genderkid"/>
girl<input type="radio" name="genderkid"/>
</form>
<script>
function chk(){
**var gender = $("input[type=radio]:checked").val();**
}
</script>

Answer 1

试试这个

var gender = $("[name=gender]:checked").val();
var genderkid = $("[name=genderkid]:checked").val();

OR

var gender = $("input:radio[name=gender]:checked").val();
var genderkid = $("input:radio[name=genderkid]:checked").val();

Answer 2

简单：

var gender = $("input[name=gender]:checked").val();
var genderkid = $("input[name=genderkid]:checked").val();

另请为您的无线电输入提供值属性：

前：

<input type="radio" value="boy" name="genderkid"/>
<input type="radio" value="girl" name="genderkid"/>

Answer 3

看一下下面的代码片段......

<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    function chk(){
        document.getElementById("myForm").submit();
        var gender =$('input[name=gender]:checked', '#myForm').val()
        alert(gender);
    }
</script>
<body>
    <form id="myForm" onsubmit="return chk()">
        father<input type="radio" name="gender" value="male"/>
        mother<input type="radio" name="gender" value="female"/>
        boy<input type="radio" name="genderkid" value="boy"/>
        girl<input type="radio" name="genderkid" value="girl"/>
        <input type="submit"/> 
    </form>
</body>
</html>

Answer 4

以下是在jquery中获取具有不同属性名称的多个单选按钮值的代码

<form onsubmit="return chk()">
father<input type="radio" name="gender" value="father"/>
mother<input type="radio" name="gender" value="mother"/>
boy<input type="radio" name="genderkid" value="boy"/>
girl<input type="radio" name="genderkid" value="girl"/>
    <input type="button" value="submit" onclick="chk()"/>
</form>

脚本

function chk(){
$("input:radio").each(function () {

    var $this = $(this);

    if (this.checked) {
        var src = $this.attr('name');
        var val = $this.val();
    alert(val);

    }

});
}

Demo

如何在表单提交后从JavaScript中的2个单选按钮获取值

4 个答案: