jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性11
2016-09-23 11:08
1251 查看
1.jQuery为动态添加的元素绑定事件:在1.7之后,添加了live()方法,1.9后又被移除,1.9中可用on()方法:
[javascript] view plain copy
$(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
使用方法:
[html] view plain copy
<input type="checkbox" id="selectAll" />全选
<input type="checkbox" class="selectRow" />第一行
<input type="checkbox" class="selectRow" />第二行
[javascript] view plain copy
$('#selectAll').on('click', function() {
if ($(this).prop('checked')) {
$('.selectRow').prop('checked', true);
} else {
$('.selectRow').prop('checked', false);
}
});
[javascript] view plain copy
$(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
使用方法:
[html] view plain copy
<input type="checkbox" id="selectAll" />全选
<input type="checkbox" class="selectRow" />第一行
<input type="checkbox" class="selectRow" />第二行
[javascript] view plain copy
$('#selectAll').on('click', function() {
if ($(this).prop('checked')) {
$('.selectRow').prop('checked', true);
} else {
$('.selectRow').prop('checked', false);
}
});
相关文章推荐
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
- jquery如何给对象动态添加属性以及选择器、事件的绑定
- jQuery-为动态添加的元素绑定事件(以及不重复添加新的内容)
- jquery如何给对象动态添加属性以及选择器、事件的绑定
- jQuery 1.9后给动态添加的元素绑定事件
- jquery mobile Checkbox动态添加刷新及事件绑定
- input-color与input-checkbox元素通过jquery获取值以及设定值(input属性的取值与设定)
- jQuery页面元素动态添加后绑定事件丢失方法,非 live
- jQuery给动态添加的元素绑定事件的方法
- jquery动态添加的元素无法绑定事件
- 从零开始学 Web 之 jQuery(五)操作元素其他属性,为元素绑定事件
- jquery html动态添加的元素绑定事件
- jQuery-为动态添加的元素绑定事件
- jQuery动态添加的元素绑定事件处理函数代码
- jquery html动态添加的元素绑定事件详解
- jQuery动态添加li标签并添加属性和绑定事件
- js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)
- 【笔记】jQuery中动态添加的元素事件绑定
- jQuery对 动态添加 的元素 绑定事件(on()的用法)