jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种表单特效

jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种表单特效

http://www.wendangwang.com/jquery/items/2011-08-02/97.html

jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种表单特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.wendangwang.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.wendangwang.com/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种特效</title>

<script type="text/javascript" src="http://www.wendangwang.com/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="js/jquery.checkbox.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//jquery特效制作复选框全选反选取消(无插件)

// 全选

$("#allselect").click(function(){

$(".blankplugins input[type=checkbox]").each(function(){

$(this).attr("checked",true);

$(this).next().css({"background-color":"#3366cc","color":"#ffffff" });

});

});

//反选

$("#invert").click(function(){

$(".blankplugins input[type=checkbox]").each(function(){

if($(this).attr("checked")){

$(this).attr("checked",false);

$(this).next().css({"background-color": "#ffffff","color":"#000000" }); }else{

$(this).attr("checked",true);

$(this).next().css({"background-color": "#3366cc","color":"#ffffff" }); }

});

});

//取消

$("#cancel").click(function(){

jquery复选框 全选 反选 取消 选中输出等功能用jquery特效和jquery插件两种表单特效相关文档

最新文档

返回顶部