JQuery实现全选和全不选的功能，谁能帮我改改这代码？ 50
现在实现了反选功能，在全部没选的情况下能实现全选和全不选，但如果当中有一项选择了，这时候点这个就实现不了全选了，因为没选的会全选，但是之前选中的就不会被反选为不选。谁能帮...
现在实现了反选功能，在全部没选的情况下能实现全选和全不选，但如果当中有一项选择了，这时候点这个就实现不了全选了，因为没选的会全选，但是之前选中的就不会被反选为不选。谁能帮我改改这代码？
展开
3个回答
展开全部
一些大的开源程序里边有这种功能的，你把它拷过来
<tr>
<td class="footer" colspan="6">
<button type="button" onclick="c.all()">全选</button>
<button type="button" onclick="c.unAll()">全不选</button>
<button type="button" onclick="c.reverse()">反选</button>
<button type="button" onclick="c.del()">删除</button>
<button type="submit" >确定</button>
</td>
</tr>
<script type="text/javascript">
var ctrl = function(name){
this.elements = document.getElementsByName('id[]');
this.length = this.elements.length;
}
ctrl.prototype = {
reverse:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked= !this.elements[i].checked;
}
},
all:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked = true;
}
},
unAll:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked = false;
}
},
toggle:function(obj){
this[obj.checked ? 'all' : 'unAll']();
},
del:function(id){
if(id==undefined){
id = [];
for(i=0;i<this.length;i++){
this.elements[i].checked && id.push(this.elements[i].value);
}
id = id.join(',');
}
//ajax删除id
$.post( '__URL__/doChangeIco',{id:id},function( text ){
//返回1，是只是选择了一个id,返回2，选择了多个
if( text == 1 ){
$( 'tr['+'id=\'biaoqing'+id+'\']' ).remove();
}else if( text == 2 ){
var id_list = id.split( ',' );
for (var j=0 ; j< id_list.length ; j++ ){
$( 'tr['+'id=\'biaoqing'+id_list[j]+'\']' ).remove();
}
}else{
alert( '删除失败' );
}
});
},
edit:function(id){
var em=prompt("请输入文字表情",$( '#e'+id ).attr( 'emotion' ));
if( em )//如果返回的有内容
{
$( '#e'+id ).val( em );
}
}
}
var c = null;
</script>
<tr>
<td class="footer" colspan="6">
<button type="button" onclick="c.all()">全选</button>
<button type="button" onclick="c.unAll()">全不选</button>
<button type="button" onclick="c.reverse()">反选</button>
<button type="button" onclick="c.del()">删除</button>
<button type="submit" >确定</button>
</td>
</tr>
<script type="text/javascript">
var ctrl = function(name){
this.elements = document.getElementsByName('id[]');
this.length = this.elements.length;
}
ctrl.prototype = {
reverse:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked= !this.elements[i].checked;
}
},
all:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked = true;
}
},
unAll:function(){
for(i=0;i<this.length;i++){
this.elements[i].checked = false;
}
},
toggle:function(obj){
this[obj.checked ? 'all' : 'unAll']();
},
del:function(id){
if(id==undefined){
id = [];
for(i=0;i<this.length;i++){
this.elements[i].checked && id.push(this.elements[i].value);
}
id = id.join(',');
}
//ajax删除id
$.post( '__URL__/doChangeIco',{id:id},function( text ){
//返回1，是只是选择了一个id,返回2，选择了多个
if( text == 1 ){
$( 'tr['+'id=\'biaoqing'+id+'\']' ).remove();
}else if( text == 2 ){
var id_list = id.split( ',' );
for (var j=0 ; j< id_list.length ; j++ ){
$( 'tr['+'id=\'biaoqing'+id_list[j]+'\']' ).remove();
}
}else{
alert( '删除失败' );
}
});
},
edit:function(id){
var em=prompt("请输入文字表情",$( '#e'+id ).attr( 'emotion' ));
if( em )//如果返回的有内容
{
$( '#e'+id ).val( em );
}
}
}
var c = null;
</script>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
全选
this.checked=ture;
铨不选
this.checked=false;
this.checked=ture;
铨不选
this.checked=false;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//试试
$(this)[0].checked=!$(this)[0].checked;
追问
改了还是没用
追答
<html>
<head>
<meta charset="utf-8" >
<script src="jquery-1.4.2-min.js"></script>
<!--<script src="jquery-1.7.2.min.js"></script>-->
</head>
<body>
<center>
<div>
<input type="button" value="反选" id="btn_rev" />
<ul style="list-style:none">
<li>
<input type="checkbox" name="items" value="1"/>一
</li>
<li>
<input type="checkbox" name="items" value="2"/>二
</li>
<li>
<input type="checkbox" name="items" value="3"/>三
</li>
<li>
<input type="checkbox" name="items" value="4"/>四
</li>
<li>
<input type="checkbox" name="items" value="5"/>五
</li>
</ul>
</div>
</center>
</body>
<script>
$(function(){
$("#btn_rev").click(function(){
$("input[name=items]").each(function(i){
//1.4是 true false 1.7是undifined和checked
var f = $(this).attr("checked");
//alert(f);
$(this).attr("checked",!f);//
});
});
});</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
