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!');
    }
});

Here's a live demo ->

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"); });

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

5 个答案: