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

时间:2013-05-21 23:56:55

标签: jquery radio-button

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

例如,在带有“name”== Criteria1Score“的Radio Button选项中,如何返回值== 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>

6 个答案:

答案 0 :(得分:28)

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

请参阅fiddle示例

答案 1 :(得分:0)

您可以循环浏览这些输入以执行您需要的操作:

$("input[name='Criteria1Score']").each(function() {
    if (this.value == "Good") {
        //do something with this input
    }
});

答案 2 :(得分:0)

$("input[value='Good']").attr("id");

如果要按值

选择输入

答案 3 :(得分:0)

你可以尝试

var selected_Id = $('input[name="Criteria1Score"]:selected').attr('id');
编辑:抱歉没看到第二部分。如果你想检查值==好,你可以做

if ($('input[name="Criteria1Score"]:selected').val() == 'Good') {
    //do something
}

答案 4 :(得分:0)

我通过使用check得到它。

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

if ($('input[name="Criteria1Score"]:checked').val() == 'Good') {
    //do something
}

答案 5 :(得分:-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" />

请参见fiddle

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