1

我正在尝试检查对所选文本框的引用，但是当我更改为其他文本框时，第一个单选按钮保持选中状态！而且我不知道如何根据每个文本框检查单选按钮。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><input type="text" /> <input name="radio" type="radio" value="val1"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val2"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val3"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val4"/></p>
<script>
$("input").focus(function () {
$('input:radio[name=radio]:nth(0)').attr('checked',true);

});
</script>
</body>
</html>
4

2 回答 2

0

您可以.next()用于您的特定布局。也就是说，考虑到单选按钮紧跟在输入文本之后。

$("input").focus(function() {
  $(this).next(":radio").prop("checked", true);
});

此外，从 jQuery 1.6 开始，建议.prop()在这种情况下使用。

看这里。

于 2013-02-23T15:20:52.010 回答
0 
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><input type="text" /> <input name="radio" type="radio" value="val1"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val2"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val3"/></p>
<p><input type="text" /><input name="radio" type="radio" value="val4"/></p>
<script>
$(':text').focus(function () {
    $(this).parent().children('input[type=radio]').attr('checked',true);
});
</script>
</body>
</html>
于 2013-02-23T15:26:04.157 回答