javascript - 用 jquery 添加一个复选框到一个 div

标签 javascript jquery html checkbox

我想将一个复选框添加到一个 div 到另一个 div(使用 id="#sensorList"),然后将一些事件处理程序绑定(bind)到它。 我是这样做的

/* Add div */
$("#sensorList").append($('<div>', { id : sensorId})
.addClass("sensorListItem")
.text(sensorId)
);

/* Adds visibile checkbox */
$("#"+sensorId).append($('<input>', { id : sensorId + "VisibleCheckbox", type:"checkbox", name: sensorId + "VisibleCheckbox"}));

它似乎工作正常,但如果我点击复选框,它不会切换到选中状态!

有什么想法吗? 提前谢谢你。


很抱歉,我知道问题出在哪里了。 我无法看到复选框被选中,因为我在 div 上有一个名为 sensorId 的点击处理程序,我愚蠢地做了:event.preventDefault()(点击 div 没有默认行为!!!)

最佳答案

尝试一些长手,看看它是否有效......

$("#"+sensorId).append('<input type="checkbox" id="' + sensorId + 'VisibleCheckbox" name="'  + sensorId + 'VisibleCheckbox" >');

关于javascript - 用 jquery 添加一个复选框到一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13036039/

相关文章:

javascript - 创建 React App + Express.js + Passport.js 登录问题

jQuery : mouseover open a lightbox but mouseout can't close it correctly

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

javascript - 从indexeddb分段加载数据

php - 有条件地显示 HTML 而不将其包装在 PHP echo 语句中

javascript - 在 NextJS 中使用自定义文档时如何获取 URL 参数

javascript - 是否可以在 jQuery 中进行半异步 ajax 调用?

javascript - 如何将整个背景逆向移动到鼠标指针的光标 p5.js

javascript - 使用 Javascript 更改动态内容的语言

ajax - 同时多个ajax调用