Jquery之实现全选反选功能

开心一笑

汤普森：“夫人，你刚去世的丈夫是我最亲密的朋友，希望你能送我一件他的遗物，让我永久保存以作纪念。”

艾丽斯：“仁慈的上帝啊，除了我本人外，我丈夫什么也没留下。”

提出问题

如何用Jquery实现全选反选功能

解决问题

<div id="checkAndInverCheck">
<p style="text-align:center; padding-top:15px"> 选择喜欢的兰花品种：</br>
<input type="checkbox" value="蕙兰">蕙兰
<input type="checkbox" value="建兰">建兰</br>
<input type="checkbox" value="寒兰">寒兰
<input type="checkbox" value="墨兰">墨兰</br>
<input type="checkbox" value="春兰">春兰
<input type="checkbox" value="莲瓣兰">莲瓣兰

</div>
<p style="text-align:center; padding-top:15px">
<input type="button" value="全选" name="ay_check" id="ay_check_all"/>
<input type="button" value="反选" name="ay_check" id="ay_check_invert"/>
</p>

<script type="text/javascript">
//全选
$("input[name='ay_check']").bind("click",function(){
var btn_id = $(this).attr("id");
if(btn_id){
//点击全选按钮
if(btn_id == "ay_check_all"){
var inputs = $("#checkAndInverCheck input");
if(inputs.length == 0){
alert("div下没<input>元素，你想全选啥？");
}else{
for(var i in inputs){
inputs[i].checked=(inputs[i].checked)?"checked":"checked";
}
}
//点击反选按钮
}else if(btn_id == "ay_check_invert"){
var inputs = $("#checkAndInverCheck input");
if(inputs.length == 0){
alert("div下没<input>元素，你想反选啥？");
}else{
for(var i in inputs){
inputs[i].checked=(inputs[i].checked)?"":"checked";
}
}　
}else{
alert("wrong！！！");
}
}

});
//全选
function checkAll(){
var inputs = $("#checkAndInverCheck input");
if(inputs.length == 0){
alert("div下没<input>元素，你想全选啥？");
　　}else{
for(var i in inputs){
inputs[i].checked=(inputs[i].checked)?"checked":"checked";
}
}
}

//反选
function invertCheck(){
var inputs = $("#checkAndInverCheck input");
if(inputs.length == 0){
alert("div下没<input>元素，你想反选啥？");
}else{
for(var i in inputs){
inputs[i].checked=(inputs[i].checked)?"":"checked";
}
}　
}

读书感悟

来自曾仕强《孙子兵法与人力自动化》

人事管理中，人力资源管理是错误，人不是资源，人是主体，人活着就有价值。

任何东西都可以被当作资源，只有人不可以，人是运用资源的主体。

人事管理：人的事务管理，管事务不管人。

其他

如果有带给你一丝丝小快乐，就让快乐继续传递下去，欢迎转载，点赞，顶，欢迎留下宝贵的意见，多谢支持！