Rumah > hujung hadapan web > tutorial js > jquery高效反选具体实现_jquery

jquery高效反选具体实现_jquery

WBOY
Lepaskan: 2016-05-16 17:34:39
asal
986 orang telah melayarinya
复制代码 代码如下:

// 反选
$("#reverse-select").click(function() {
$('.table tr').each(function() {
var input = $(this).find('input');
var statu=input.prop("checked")==true?false:true;
input.prop("checked",statu);
});

});

我在table上面每一行放了个checkbox 然后用按钮单击,实现反选
主要是这一行:
复制代码 代码如下:

var statu=input.prop("checked")==true?false:true;

如果选中就为false否则为true
代码还可以精简的。
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan