获取动态无线电ID和值(jQuery)

时间:2012-10-05 21:28:27

标签: php jquery

我们从这样的数据库生成动态ID:

<input type="radio" id="brand1" value="1">
<input type="radio" id="brand1" value="2">
----
<input type="radio" id="brand2" value="1">
<input type="radio" id="brand2" value="2">

如何点击单选按钮获取/提醒,该ID是什么?

(我想我的错误出现在第一行:'输入#brand'。)

$('input#brand').live('click',function() { 
    var radiovalue = $('input[name=brand + id]:checked').val()
    alert(radiobuttonID + radiovalue);
});

4 个答案:

答案 0 :(得分:1)

$(document).on('click', 'input[type=radio]' , function() {

     alert('Radio Button ID  is : ' + this.id + ' - Value is : ' + this.value);
})

还要确保页面上有唯一的ID ..

最好将单个类分配给您要处理此事件的页面上的所有单选按钮。

$(document).on('click', '.myradio' , function() {

         alert('Radio Button ID  is : ' + this.id + ' - Value is : ' + this.value);
    })

这样做可以使您的代码更清晰,更易于理解

答案 1 :(得分:1)

使用attribute-starts-with-selector,这将选择ID为brand的所有输入。

$('input[id^=brand]').live('click',function() { 
    alert(this.id + ' ' + this.value);
});

同样,不推荐使用jQuery 1.7 .live(),请改用.on()。此外,ID应该是唯一的,在您的标记中,您有多个具有相同ID的元素。

答案 2 :(得分:1)

你会使用这样的东西来获取id:

$('input[id^=brand]').live('click',function() {
    alert($(this).attr('id'));
});​

这是为了获得价值:

$('input[id^=brand]').live('click',function() {
    alert($(this).attr('value'));
});​

请注意,我们可以对以(^=)“品牌”开头的所有元素设置实时点击处理程序。

请参阅JSFiddle

答案 3 :(得分:0)

请更正您的选择器。 $('input #brand')表示您正在寻找具有精确ID“品牌”的INPUT。