13

我有一个只读表单，我想填充从 ajax 查询返回的值。我不明白的是获取特定单选按钮 id 的正确语法。我知道数据库中存在什么值，但是如何获取单选按钮的 id 来更改单选按钮属性？

例如，在“名称”==Criteria1Score 的单选按钮选项中，如何返回值 ==Good 的输入的 id。

以下是表单结构的示例：

<legend>Criteria1</legend>
<label class="radio inline">
    Great
    <input id="Criteria1Score1" class="Score" name="Criteria1Score" type="radio" value="Great">
</label>
<label class="radio inline">
    Good
    <input id="Criteria1Score2" class="Score" name="Criteria1Score" type="radio" value="Good">
</label>
<label class="radio inline">
    Bad
    <input id="Criteria1Score3" class="Score" name="Criteria1Score" type="radio" value="Bad">
</label>
4

6 回答 6

42

$('input[type=radio][name=Criteria1Score]:checked').attr('id')

工作演示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<legend>Criteria1</legend>
<label class="radio inline">
    Great
    <input id="Criteria1Score1" class="Score" name="Criteria1Score" type="radio" value="Great"/>
</label>
<label class="radio inline">
    Good
    <input id="Criteria1Score2" class="Score" name="Criteria1Score" type="radio" value="Good"/>
</label>
<label class="radio inline">
    Bad
    <input id="Criteria1Score3" class="Score" name="Criteria1Score" type="radio" value="Bad"/>
</label>

<input type="button" onclick="alert($('input[type=radio][name=Criteria1Score]:checked').attr('id'))" value="click me to get id of checked input" />

JSFiddle

于 2013-05-22T00:05:22.067 回答
2

我通过使用检查得到它。

var selected_Id = $('input[name="Criteria1Score"]:checked').attr('id');

if ($('input[name="Criteria1Score"]:checked').val() == 'Good') {
    //do something
}
于 2016-05-05T06:11:39.837 回答
1 
$("input[value='Good']").attr("id");

如果要按其值选择输入

于 2013-05-22T00:03:30.543 回答
0

您可以遍历这些输入以执行您需要的操作：

$("input[name='Criteria1Score']").each(function() {
    if (this.value == "Good") {
        //do something with this input
    }
});
于 2013-05-22T00:03:27.463 回答
0

你可以试试

var selected_Id = $('input[name="Criteria1Score"]:selected').attr('id');

编辑：抱歉没有看到第二部分。如果你想检查价值==好你可以做

if ($('input[name="Criteria1Score"]:selected').val() == 'Good') {
    //do something
}
于 2013-05-22T00:03:46.150 回答
-1

Jquery通过测试值获取单选按钮的ID，

<legend>You are ready for</legend> 
<label class="radio inline">
   Success
    <input id="success" class="win" name="successvalue" type="radio" value="Great"/>
</label>
<label class="radio inline">
    Big Success
    <input id="bigsuccess" class="win" name="successvalue" type="radio" value="Good"/>
</label>
<br/>

<input type="button" onclick="alert($('input[name=successvalue]:checked').attr('id'))" value="click me too" />

见小提琴

用作代码以在选中的单选按钮上获取 id 值

于 2019-08-16T11:02:09.953 回答