选择单选按钮时触发一些jquery代码

Question

我有这两个单选按钮：

Original <input id="video_is_derivative_false" name="video[is_derivative]" type="radio" value="false">
Derivative (<i>ex. remix, mashup etc...</i>) <input id="video_is_derivative_true" name="video[is_derivative]" type="radio" value="true">

我想在选择“Derivative”按钮时调用一些jquery代码。 我怎样才能做到这一点？

Answer 1

只需将更改事件附加到其中：

$('#video_is_derivative_true').change(function(){
 console.log("Selected");   
})

示例： http ： //jsfiddle.net/niklasvh/cyADB/

Answer 2

$("#video_is_derivative_true").click(function(){
alert("your code goes here");
});

向输入标记添加onclick处理程序

您还可以在更改处理程序上添加一些内容

    $("#video_is_derivative_true").change(function(){
    if($(this).is(':checked')){
            alert("more code here");
        }

    });

Answer 3

您将需要监视更改事件，然后在处理程序中检查以确保选中该按钮。 第二部分很重要，因为更改事件在未选中时也会触发。 代码看起来像这样：

$('#video_is_derivative_true').change(function() {
    if (this.checked) {
        alert('derivative checked!');
    }
});

这是一个现场演示 - >

Answer 4

$('#video_is_derivative_true').bind('click change', function() {
    if (this.checked) {
        // derivative is checked
    }
});

Answer 5

$("#video_is_derivative_true").click(function(){ alert("your code goes here"); });