jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性

1.jQuery为动态添加的元素绑定事件:在1.7之后,添加了live()方法,1.9后又被移除,1.9中可用on()方法:

$(function() {
	$('.btn').on('click', function() {
		alert('按钮被点击');
	});
	$('body').append('<button class="btn">动态添加的按钮</button>');
});

2.获取checkbox是否被选中,以及操作其选中状态:

a.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase .

b.如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined; 
    如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked

使用方法:

<input type="checkbox" id="selectAll" />全选
<input type="checkbox" class="selectRow" />第一行
<input type="checkbox" class="selectRow" />第二行

$('#selectAll').on('click', function() {
	if ($(this).prop('checked')) {
		$('.selectRow').prop('checked', true);
	} else {
		$('.selectRow').prop('checked', false);	
	}
});

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值