作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
使用 Bootstrap 3 和 jQuery 我有一个像这样的复选框
var eachrow = "<tr>" + "<td align='center'><input type='checkbox' class='case' name='case[]' value='1' type='checkbox'></td>"
+ "<td>Test</td>" + "</tr>";
$('#compValues').append(eachrow);
$("input:checkbox[name='case[]']").change(function(){
if($(this).is(':checked')){
alert("I am checked");
}
else{
alert("I am Unchecked");
}
});
现在可以标记复选框(选中或取消选中,但 .change() 函数不执行任何操作!没有错误或其他情况。为什么会发生这种情况?
最佳答案
要将事件处理程序附加到动态创建的元素,您可以使用委托(delegate)事件 http://api.jquery.com/on/
示例:
$("table").on("change", "input:checkbox[name='case[]']", function() {
if($(this).is(':checked')){
alert("I am checked");
}else{
alert("I am Unchecked");
}
});
关于javascript - 使用 Bootstrap 3 选项卡上的复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26141547/
我是一名优秀的程序员,十分优秀!