生活已是百般艰难,为何不努力一点。下面就给大家分享jquery 实现的全选和反选,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
style type="text/css"
#newsTable{ auto;}
/style
script language="javascript" type="text/javascript" src="jquery1.1.2.js"/script!-上传到网络上用这个做连接--
script language="javascript" type="text/javascript"
//阿会楠练习 -4-13
$(document).ready(function(){
$("#btnOk").click(function(){
= == "全选"?"反选":"全选";
$("input[@type="checkbox"]").checkCbx();
});
});
//当你的代码出现each时,你应该重写上面的代码来构造一个插件,jquery教程中的一句话
$. = function(){
return (function(){
= !;
});
}
/script
title无标题文档/title
/head
body
table
tr
th选择/th
thId/th
th作者/th
/tr
tr
tdinput type="checkbox" name="cbx" //td
td1/td
td阿会楠/td
/tr
tr
tdinput type="checkbox" name="cbx" //td
td2/td
td阿会楠/td
/tr
tr
tdinput type="checkbox" name="cbx" //td
td3/td
td阿会楠/td
/tr
tr
tdinput type="checkbox" name="cbx" //td
td4/td
td阿会楠/td
/tr
tr
tdinput type="checkbox" name="cbx" //td
td5/td
td阿会楠/td
/tr
tr
tdinput type="checkbox" name="cbx" //td
td6/td
td阿会楠/td
/tr
tr
td colspan="3"input type="button" name="btnOk" value="全选" //td
/tr
/table
/body
/html