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

Javascript 选择单选按钮时触发一些jquery代码,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,我有两个单选按钮: 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="

我有两个单选按钮:

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">
原件
衍生产品(例如混音、混搭等)

我想在选择“派生”按钮时调用一些jquery代码。如何执行此操作?

只需将更改事件附加到它:

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

将onclick处理程序添加到输入标记

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

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

    });

您需要监视更改事件,然后在处理程序中检查以确保按钮已被选中。第二部分很重要,因为更改事件在未选中时也会触发。代码如下所示:

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

作为一名无党派的证人,@niklas是第一个,在5个相同功能的答案中,他的作品同样出色。
$('#video_is_derivative_true').bind('click change', function() {
    if (this.checked) {
        // derivative is checked
    }
});
$("#video_is_derivative_true").click(function(){ alert("your code goes here"); }); 
$('#video_is_derivative_true').change(function() {
    if (this.checked) {
        alert('derivative checked!');
    }
});