- 爱易网页
-
JavaSript
- checkBox的选择与取消jQuery部分有简写的方法吗?该如何处理
日期:2014-05-16 浏览次数:20390 次
checkBox的选择与取消jQuery部分有简写的方法吗?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="JIETCASE">
<meta name="description" content="JIETCASE">
<title>This is Test File</title>
<script type="text/JavaScript" src="./js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("#chk_true").click(function(){
$(this).attr("checked",true);
$("input[name='chk_false']").attr("checked",false);
$("input[name='atten']").attr("checked",true);
$("input[name='absence']").attr("checked",false);
$("input[name='late']").attr("checked",false);
$("input[name='early']").attr("checked",false);
});
$("#chk_false").click(function(){
$(this).attr("checked",true);
$("input[name='chk_true']").attr("checked",false);
$("input[name='atten']").attr("checked",false);
$("input[name='absence']").attr("checked",false);
$("input[name='late']").attr("checked",false);
$("input[name='early']").attr("checked",false);
});
$("input[name='absence']").click(function(){
$(this).attr("checked",true);
$("input[name='chk_false']").attr("checked",false);
$("input[name='chk_true']").attr("checked",false);
var num=0;
var chkTrue=$("input[name='atten']");
var chkLate=$("input[name='late']");
var chkEarly=$("input[name='early']");
$("input[name='absence']").each(function(){
if($(this).attr("checked")){
$(chkTrue[num]).attr("checked",false);
$(chkLate[num]).attr("checked",false);
$(chkEarly[num]).attr("checked",false);
}
num++;
});
});
$("input[name='atten']").click(function(){
$(this).attr("checked",true);
$("input[name='chk_false']").attr("checked",false);
$("input[name='chk_true']").attr("checked",false);
var num=0;
var chkTrue=$("input[name='absence']");
var chkLate=$("input[name='late']");
var chkEarly=$("input[name='early']");
$("input[name='atten']").each(function(){
if($(this).attr("checked")){
$(chkTrue[num]).attr("checked",false);
$(chkLate[num]).attr("checked",false);
$(chkEarly[num]).attr("checked",false);
}
num++;
});
});
$("input[name='late']").click(function(){
$(this).attr("checked",true);
$("input[name='chk_false']").attr("checked",false);
$("input[name='chk_true']").attr("checked",false);
var num=0;
var chkTrue=$("input[name='absence']");
var chkLate=$("input[name='atten']");
var chkEarly=$("input[name='early']");
$("input[name='late']").each(function(){
if($(this).attr("checked")){
$(chkTrue[num]).attr("checked",false);
$(chkLate[num]).attr("checked",false);
$(chkEarly[num]).attr("checked",false);
}
num++;
});
});
$("input[name='early']").click(function(){
$(this).attr("checked",true);