多选和反选 jquery


Item1
Item2
Item3
Item4
Item5

 

CODE:

 

<form name="bdkey" id="myform">

<input type="button" name="selectAll" value="全 选" onClick="selectIn('selectAll')">


<input type="button" name="invest" value="反 选" onClick="selectIn()">
<br>
Item1
<input type="checkbox" name="checkbox[]" value="11"><br>
Item2
<input type="checkbox" name="checkbox[]" value="22"><br>
Item3
<input type="checkbox" name="checkbox[]" value="33"><br>
Item4
<input type="checkbox" name="checkbox[]" value="44"><br>
Item5
<input type="checkbox" name="checkbox[]" value="55">

</form> 

先调用一个jquery 库

<script language="javascript">
    
function selectIn(ALL){
       
var testinput=$("#myform input");
    
for (var i=0; i<testinput.length; i++)
    
{
       
if (ALL=="selectAll")
    
{
      testinput.eq(i).attr(
"checked","checked")
    }

    
else if (!testinput.eq(i).attr("checked"))
    
{
      testinput.eq(i).attr(
"checked","checked")
    }

    
else
    
{
      testinput.eq(i).removeAttr(
"checked")
    }

    }

    }

</script>
posted @ 2009-03-26 15:53  朝夕  阅读(593)  评论(0编辑  收藏  举报