我遇到以下问题。
没有添加或删除类 - 日志中没有错误
怎么了?
JQuery
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
var $j = jQuery.noConflict();
$j(document).ready(function() {
//reset
$j( "input[name*='mycheckbox']" ).prop("checked", false);
$j( "input[name*='mycheckbox']").click(function(){
if (!$j(this).is(":checked")) {
//unchecked
$j(this).removeClass("selected");
} else {
//checked
$j(this).addClass("selected");
}
})
})
</script>
HTML
<input name="mycheckbox[]" value="xxx" type="checkbox"> xxx<br />
<input name="mycheckbox[]" value="yyy" type="checkbox"> yyy
最佳答案
这适用于 fiddle :
jQuery(document).ready(function($) {
//reset
$(".addClass").prop("checked", false);
$(".addClass").click(function () {
if ($(this).is(":checked")) {
//checked
$(this).addClass("selected");
} else {
//unchecked
$(this).removeClass("selected");
}
})
});
使用此形式:
<input class="addClass" name="mycheckbox[]" value="xxx" type="checkbox"> xxx
<br />
<input class="addClass" name="mycheckbox[]" value="yyy" type="checkbox"> yyy
使选择适当的复选框和反转 if 语句变得更加容易。
关于Jquery 添加/删除复选框上的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26507987/