首页 > 前端特效js代码大全 > jquery全选和反选input代码

jquery全选和反选input代码

发布-网页培训班 | 浏览量-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>jquery input checked全选与反选1.3.2的版本</title> 
<script language="JavaScript" src="http://www.35ui.cn/themes/Sean_Red/SCRIPT/jquery-1.3.2.js"type="text/javascript"></script>

<script language="javascript" type="text/javascript"> 
$.fn.checkCbx = function(){ 
return this.each(function(){ this.checked = !this.checked; });

 
$(function(){ 
$("#btnSelect").click(function(){ 
 this.value = this.value == "全选"?"反选":"全选"; 
$("input:checkbox").checkCbx(); 
}) 
}) 
</script> 
</head> 
<body> 
<form >
<table border="1"> 
<tr> 
<th>选择</th> 
<th>id</th> 
<th>姓名</th> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>1</td> 
<td>学无止境</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>2</td> 
<td>csdn</td> 
</tr> 
<tr> 
<td><input type="checkbox" name="cbx" /></td> 
<td>3</td> 
<td>曾祥展</td> 
</tr> 
 
</table> 
<input id="btnSelect" type="button" value="全选" /> 
</form> 
 
</body>
</html>

 

在线测试地址:点击

 

原文地址:http://www.35ui.cn/post/20120815323.html

标签jquery全选jquery

上一条: 向上无缝滚动代码
下一条: javascript等比例显示图片|js等比例图片

  • 作品
  • 素材
  • ued
  • 资源
  • 前端工程师
  • Asp网页培训班
  • jquery培训班
  • 北京网站制作
  • logo设计培训班
  • 做网站常用代码