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