我们从这样的数据库生成动态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);
});
答案 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。