dom元素新增后不会触发事件
2024-08-23 12:45:18
<!DOCTYPE HTML>
<html>
<head>
<title>checkbox设置只能单选</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script> </head>
<body>
<p>您喜欢的水果?</p>
<button id="add">新增</button>
<form>
<div id="checkboxDiv" >
<input type="checkbox" name="checkboxName" value="1" />苹果<br/>
<input type="checkbox" name="checkboxName" value="2" />西瓜<br/>
<input type="checkbox" name="checkboxName" value="3" />香蕉<br/>
<input type="checkbox" name="checkboxName" value="4" />桃子<br/>
<input type="checkbox" name="checkboxName" value="5" />芒果<br/>
</div>
</form>
<script type="text/javascript">
$(document).ready(function(){ $("#checkboxDiv").on("click", "input", function(){
if($(this).is(':checked')){
$(this).attr('checked',true).siblings().attr('checked',false);
}else{
$(this).attr('checked',false).siblings().attr('checked',false);
}
}) $("#add").click(function(){
$("#checkboxDiv").append("<input type='checkbox' name='checkboxName' value='6' />梨子<br/>");
})
}); </script>
</body>
</html>
新增的元素一定要在$("#父元素")内
最新文章
- JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有)
- Asp.net Web.Config - 配置元素 trace
- [转]C#在创建完项目后如何重命名项目名称。
- Docker - Docker基础命令及使用
- 使用D3绘制图表(6)--竖直柱状图表
- 最有用的Linux命令行使用技巧集锦
- sell-- Calendar 和 Date- 01,月份不变年份+3或直接到2017
- (转载)Java基础知识总结
- 使用VS2015(c#)进行单元测试,显示测试结果与查看代码覆盖率
- MySQL性能测试工具之mysqlslap使用详解
- Election Time
- jsp的原则执行
- auto ash v1
- 浩哥解析MyBatis源码(三)——Transaction事务模块
- Linux运维企业架构实战系列
- C++二分查找算法演示源码
- Socketserver 笔记
- 基于Eclipse搭建hadoop开发环境
- Xcode6在iPhone5+iOS7模拟器上编译,上下有黑边问题
- Linux操作系统中/sbin/init程序的执行过程