jQuery选择器:input实现—全选，反选，取消（匹配所有 input, textarea, select 和 button 元素）

最新推荐文章于 2023-08-16 19:57:15 发布

lnx0307

最新推荐文章于 2023-08-16 19:57:15 发布

阅读量1.6k

点赞数

分类专栏： jQuery特效文章标签： jquery input textarea select

本文链接：https://blog.csdn.net/lnx0307/article/details/39801711

版权

该博客介绍了如何使用jQuery选择器`:input`匹配所有`input`、`textarea`、`select`和`button`元素，并通过点击按钮实现全选、反选、取消选中功能。此外，还展示了如何监听`#myall`复选框的变化，以同步全选和取消状态。最后，提供了一个显示已选中选项的功能。

摘要由CSDN通过智能技术生成

<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>webrx-title</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
$(':input[value=全选]').click(function(){
//alert($(this).val());
$('form :checkbox').prop("checked", true);
});

$(':input[value=取消]').click(function(){
//$(':checkbox').removeAttr('checked');
//$(':checkbox').attr('checked',false);
$('form :checkbox').prop("checked",false);
});

$(':input[value=反选]').click(function(){
$('form :checkbox').each(function(index, element) {
$(this).prop

最低0.47元/天解锁文章

lnx0307

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
jQuery选择器:input实现—全选，反选，取消（匹配所有 input, textarea, select 和 button 元素）

webrx-title$(document).ready(function(e) { $(':input[value=全选]').click(function(){ //alert($(this).val()); $('form :checkbox').prop("checked", true); });
复制链接

扫一扫