Javascript 复选框默认图标不显示’;t使用jQuery更新
我有一个关于Javascript 复选框默认图标不显示’;t使用jQuery更新,javascript,jquery,html,checkbox,Javascript,Jquery,Html,Checkbox,我有一个关于 我尝试了各种其他选项,如checked=“true”/checked=“false”,都不起作用 有什么想法吗?谢谢。使用而不是 发件人: 从jQuery1.6开始,该方法为尚未设置的属性返回undefined。要检索和更改DOM属性,如表单元素的选中、选中或禁用状态,请使用以下方法 旁注:您也可以这样做。您应该使用$.prop() checkbox.prop('checked', true); checkbox.prop('checked', false); 演示: 试试这段
我尝试了各种其他选项,如checked=“true”
/checked=“false”
,都不起作用
有什么想法吗?谢谢。使用而不是
发件人:
从jQuery1.6开始,该方法为尚未设置的属性返回undefined。要检索和更改DOM属性,如表单元素的选中、选中或禁用状态,请使用以下方法
旁注:您也可以这样做。您应该使用$.prop()
checkbox.prop('checked', true);
checkbox.prop('checked', false);
演示:
试试这段代码
$('.js-tick-untick-checkbox').click(function() {
var checkbox = $(this).find('.send-invite-checkbox');
if ($(checkbox).is(':checked')) {
checkbox.prop('checked', false);
$(this).removeClass('selected-element');
} else {
checkbox.prop('checked', true);
$(this).addClass('selected-element');
}
return false;
});
您应该使用.prop而不是.attr
更新的jquery
$('.js-tick-untick-checkbox').click(function() {
var checkbox = $(this).find('.send-invite-checkbox');
if ($(checkbox).prop('checked') == true) {
checkbox.prop('checked', false);
$(this).removeClass('selected-element');
} else {
checkbox.prop('checked', true);
$(this).addClass('selected-element');
}
return false;
})
在jQuery1.6之前,可以使用.attr()方法检索这些属性,但这不在attr的范围内 谢谢,应该使用prop()
@TJ,我建议使用checkbox.prop('checked',true)
而不是checkbox.prop('checked',true
)@AmitAgrawal你是说关于真..的引语吗。。?我更喜欢布尔值也…更新…这也是TN建议的。有什么区别吗
checkbox.prop('checked', true);
checkbox.prop('checked', false);
$('.js-tick-untick-checkbox').click(function() {
var checkbox = $(this).find('.send-invite-checkbox');
if ($(checkbox).is(':checked')) {
$(checkbox).removeAttr('checked');
} else {
$(checkbox).prop('checked', 'checked');
}
$(this).toggleClass('selected-element');
return false;
})
$('.js-tick-untick-checkbox').click(function() {
var checkbox = $(this).find('.send-invite-checkbox');
if ($(checkbox).is(':checked')) {
checkbox.prop('checked', false);
$(this).removeClass('selected-element');
} else {
checkbox.prop('checked', true);
$(this).addClass('selected-element');
}
return false;
});
$('.js-tick-untick-checkbox').click(function() {
var checkbox = $(this).find('.send-invite-checkbox');
if ($(checkbox).prop('checked') == true) {
checkbox.prop('checked', false);
$(this).removeClass('selected-element');
} else {
checkbox.prop('checked', true);
$(this).addClass('selected-element');
}
return false;
})