jQuery用$.prop,$.attr方法来获取或设置checkbox当前选中状态


发布者 ourjs  发布时间 1555422521248
关键字 JS学习  JavaScript 
使用$.fn.attr来获取或设置html的checkbox元素的状态,比如:

<input id="chb_data_binding" type="checkbox">

$('#chb_data_binding').attr('checked', true)

但是界面上此复选框并没有反映到界面上,因为这个只是改变html的DOM结构,并不改变当前选中状态,比如:

$('#chb_data_binding').attr('checked')
> 返回 checked

$('#chb_data_binding').is(':checked')
> false

这时使用 prop 即可

$('#chb_data_binding').prop('checked', true)
$('#chb_data_binding').prop('checked')
> true