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