选中单选按钮时触发一些jQuery代码

eoigrqb6  于 2022-12-12  发布在  jQuery
关注(0)|答案(5)|浏览(101)

我有两个单选按钮:

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代码。我该怎么做呢?

wvyml7n5

wvyml7n51#

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

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

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

olqngx59

olqngx592#

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

将onclick处理程序添加到input标记
您还可以在更改处理程序上添加一些内容

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

    });
dgiusagp

dgiusagp3#

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

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

Here's a live demo ->

qvtsj1bj

qvtsj1bj4#

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

bbuxkriu5#

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

相关问题