使用Jquery检查/取消选中输入框
这个问题在这里已经有了答案:
尝试这个:
JS
$('document').ready( function() {
$('.check_boxes').click( function() {
if ( $('input:checkbox').prop('checked')) {
$('input:checkbox').prop('checked', true);
} else {
$('input:checkbox').prop('checked', false);
}
});
});
小提琴
实际上,一旦你点击复选框,第一个if总是正确的。 因此,所有的checkebox都会被取消选中(包括您点击的那个)。
我假设你想要这样的行为:http://jsfiddle.net/vhLMN/18/
$('document').ready( function() {
$('.check_boxes').click( function() {
if ( !this.checked ) {
$('.flip_us :checkbox').attr('checked', false);
} else {
$('.flip_us :checkbox').attr('checked', true);
};
});
});
BTW。 输入中没有label
属性 。 除非您使用一些使用它创建实际label
标签的框架,否则您应该修复此问题。
我认为你需要这个简单的代码:
$('document').ready( function() {
$('.check_boxes').click( function() {
if ( $(':checkbox').prop('checked')) {
$(':checkbox').prop('checked', true);
} else {
$(':checkbox').prop('checked', false);
}
});
});
链接地址: http://www.djcxy.com/p/12259.html