博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS如何实现对name是数组的复选框的全选和反选以及取消选择
阅读量:6846 次
发布时间:2019-06-26

本文共 1403 字,大约阅读时间需要 4 分钟。

JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容如下:

因为PHP接收要用 数组形式的 复选框,正常情况下 JQ可如果是这种

直接使用 $("input[name=ptpt])即可。但是这种php接收的只是最后一个值,字符串。
<label><input type='checkbox' name='ptpt' value='a1' />a1</label>
<label><input type='checkbox' name='ptpt' value='a3' />a3</label>
<label><input type='checkbox' name='ptpt' value='a6' />a6</label>
<label><input type='checkbox' name='ptpt' value='a9' />a9</label>


这样PHP接收的是一个 ptpt的数组

<form method="post" id="form1" name="form1" action="" >

<label><input type='checkbox' name='ptpt[1]' value='a1' />a1</label>
<label><input type='checkbox' name='ptpt[3]' value='a3' />a3</label>
<label><input type='checkbox' name='ptpt[6]' value='a6' />a6</label>
<label><input type='checkbox' name='ptpt[9]' value='a9' />a9</label>
<input type="button" value="全选" οnclick=""> 
<input type="button" value="反选" οnclick=""> 
<input type="button" value="取消全选" οnclick=""> 

<script src="jquery-1.7.2.min.js"></script>
<script>
$(function(){


var chks = $(':checkbox[name^="ptpt["]');  //匹配name开头为 ptpt[ 的部分
$(':button:eq(0)').click(function(){

chks.attr('checked','checked');
})
$(':button:eq(1)').click(function(){

chks.each(function(){

if($(this).attr('checked')=='checked')
$(this).removeAttr('checked');
else
$(this).attr('checked','checked');
});
})
$(':button:eq(2)').click(function(){

chks.removeAttr('checked');
})
})
</script>

本文转自  陈小龙哈   51CTO博客,原文链接:http://blog.51cto.com/chenxiaolong/1857132

转载地址:http://qvlul.baihongyu.com/

你可能感兴趣的文章
Nginx配置为简单的文件服务器
查看>>
电源故障导致的USB接口失效
查看>>
ORACLE查询优化
查看>>
RedHat6.1和CentOS7网络配置
查看>>
谢烟客---------Linux之bash脚本编程---if补充和for循环
查看>>
网站分层架构图解
查看>>
web目录权限设置(待完善)
查看>>
N皇后问题
查看>>
Windows Server 2012 新特性:IPAM的配置
查看>>
Apache Mesos 官方文档 V1.0
查看>>
zend studio 的vim插件,扔掉鼠标
查看>>
突然发现getchar()和putchar()自己之前都没认真想过,今天特把自己感悟写一下...
查看>>
eclipse快捷键
查看>>
Python命令快速临时假设一个超简单的HTTP服务器
查看>>
typescript入门
查看>>
aop的织入时期
查看>>
问题集锦
查看>>
Java 面向对象 之 代码块
查看>>
Linux命令wget下载整个网站或索引目录
查看>>
sieve 一些简单的例子
查看>>