Question

我使用Jquery append方法动态地在容器中添加几个单选按钮，并为所有单选按钮添加了事件处理程序，但它不起作用

问题：

每当我单击容器中的单选按钮时，我需要执行一组命令..

Jquery的

$(document).ready(function(){
    $('#container').append('<input type="radio" name="radio1"/>');
    $('#container').append('<input type="radio" name="radio2"/>');
    $('#container').append('<input type="radio" name="radio3"/>');


    $( "#container" ).on( "click", "radio", function( event ) {

            alert( $( this ).text() );
            })
})

CSS

#container{
    height:100px;
    width:200px;
    background-color:red;
}

HTML

<div id="container">

</div>

Answer 1

您的选择器不正确，您错过了:选择器

$( "#container" ).on( "click", ":radio", function( event ) {

Fiddle DEMO

$(":radio")相当于$("[type=radio]")。

Answer 2

在这里，您要选择无线电类型的所有元素，然后必须使用:radio选择器。

$("#container" ).on( "click", ":radio", function( event ) {
     alert( $( this ).text() );
});

Fiddle

或者您也可以使用input[type=radio]。

$("#container" ).on( "click", "input[type=radio]", function( event ) {
     alert( $( this ).text() );
});

Fiddle

Answer 3

我调整了jquery代码。请参阅此url http://jsfiddle.net/Z86kW/9/

PS：另外，保持名称值相同，一次只选择一个无线电。

干杯，阿肖克

Jquery的事件代表团

3 个答案: