选中复选框时尝试更新对象属性
选中复选框时尝试更新对象属性
提问于 2020-05-13 23:41:56
我有一个具有许多属性的对象，其中一个是名为"is_mandatory“的布尔值。每当实例化这种类型的对象时，"is_mandatory“初始设置为false。
每当单击某个复选框时，我希望将此属性设置为true/false。
objectID.is_mandatory = (function() {
$("#checkboxID").change(function() {
if ($("#checkboxID").prop("checked")) {
return true;
} else {
return false;
}
});
})();我是JavaScript和jQuery的新手。我完全不熟悉前端开发。我已经尝试了上面代码的许多变体，似乎不能得到这个工作。
回答 4
Stack Overflow用户
回答已采纳
发布于 2020-05-14 00:14:46
使用on change事件更新对象。运行下面的代码片段
let myObject = {is_mandatory: false};
$( document ).ready(function() {
render();
$('#container').on('change', '#checkboxID', () => {
myObject.is_mandatory = $('#checkboxID:checked').length ? true : false;
render();
});
});
function render(){
$('#container').empty().append(`<input type="checkbox" id="checkboxID" ${myObject.is_mandatory ? 'checked' : ''}/>`)
console.log(myObject);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
</div>
Stack Overflow用户
发布于 2020-05-13 23:54:29
你试过了吗？
objectID.is_mandatory = $("#checkboxID").prop("checked");Stack Overflow用户
发布于 2020-05-14 00:41:55
$(document).on('change','#checkboxID',function(){
var cb = document.getElementById("checkboxID");
myObject.is_mandatory = cb.checked;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61786760
复制相关文章
点击加载更多
相似问题
复选框未选中/取消选中，而[选中]属性更新
选中复选框时更新变量
选中复选框时更新记录
选中复选框属性时出错
每次选中或未选中时更新复选框
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
