jquery怎么实现全选与取消

Question

jqueryfreeerweb

Answer 1

$(function() {$("#checkDepartment").click( 
 function(){ 
 
 
 
     $("input[name='departmentId']").attr('checked', $(this).attr('checked') ) 
      
 });

Answer 2

$(function() {$("#checkDepartment").click( 
 function(){ 
 
 
 
     $("input[name='departmentId']").attr('checked', $(this).attr('checked') ) 
      
 });
})

Answer 3

以前做的一个全选反选的代码，原生js  你拿去改改var $name = function(tag, name){
    var returns = document.getElementsByName(name);
    if(returns.length > 0) return returns;
    returns = new Array();
    var e = document.getElementsByTagName(tag);
    for(var i = 0; i < e.length; i++){
        if(e[i].getAttribute("name") == name){
            returns[returns.length] = e[i];
        }
    }
    return returns;
}
var items = $name('input','ids');
function selectAll(){
for(i=0;i<items.length;i++){
items[i].checked=true;
}
}
function selectToggle(){
for(i=0;i<items.length;i++){
if(items[i].checked){
items[i].checked=false;
}else{
items[i].checked=true;
}
}
}
function deselection(){
for(i=0;i<items.length;i++){
items[i].checked=false;
}
}

Answer 4

function checkAll(form)       //实现全选功能
{
// var chech_form = document.getElementById(form);
var elements = form.getElementsByTagName('input');
for(var i=0;i<elements.length;i++)
{
if(elements[i].type=="checkbox")
{
elements[i].checked=true;
}
}}
 /****************************************************************/function uncheckAll(form)       //实现全不选
{
var elements = form.getElementsByTagName('input');
for(var i=0;i<elements.length;i++)
{
if(elements[i].type=="checkbox")
{
elements[i].checked=false;
}
}
} /****************************************************************/
 
function switchAll(form)   //实现反选
{
var elements = form.getElementsByTagName('input');
for(var i=0;i<elements.length;i++)
{
if(elements[i].type=="checkbox")
{
if(elements[i].checked==true){elements[i].checked=false;}
else{elements[i].checked=true;}
}
}
}