jquery--全选反选

View Code

< head >
< title >< / title>

< script src = " js/jquery-1.4.2.js " type = " text/javascript " >< / script>

< script type = " text/javascript " >
$( function () {
$( " #selall " ).click( function () { // 取得id为aaa的标签下面的类型为chexkbox的控件。 $("#aaa :checkbox").attr("checked", true);// 将其checked属性实质为true
});
});
$( function () {
$( " #noselall " ).click( function () { // 取得id为aaa的标签下面的类型为chexkbox的控件。
$( " #aaa :checkbox " ).attr( " checked " , false ); // 将其checked属性实质为false
});
});
$( function () {
$( " #reverse " ).click( function () { // 取得id为reserse的控件
$( " #aaa :checkbox " ).each( function () { // 遍历其类型为checkbox的空间
$( this ).attr( " checked " , ! $( this ).attr( " checked " )) // 将选择的取消，取消的选择
});
});
});
< / script>

< / head>
< body >
< div id = " aaa " >
< input type = " checkbox " / >歌曲一<br / >
< input type = " checkbox " / >歌曲二<br / >
< input type = " checkbox " / >歌曲三<br / >
< input type = " checkbox " / >歌曲四<br / >
< / div>
< input id = " selall " type = " button " value = " 全选 " / >
< input id = " noselall " type = " button " value = " 全部选 " / >
< input id = " reverse " type = " button " value = " 反选 " / >
< / body>