<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.4.1.min.js"></script>
</HEAD>
<BODY>
<li><input type="checkbox" name="grades[]" id="1" value="1" stg="一年级" />一年级:
<input type="checkbox" name="subjects[]" value="2" st="数学" />数学
<input type="checkbox" name="subjects[]" value="1" st="语文" />语文
</li>
<li><input type="checkbox" name="grades[]" id="2" value="2" stg="二年级" />二年级:
<input type="checkbox" name="subjects[]" value="1" st="语文" />语文
<input type="checkbox" name="subjects[]" value="2" st="数学" />数学
</li>
<li><input type="checkbox" name="grades[]" id="3" value="3" stg="三年级" />三年级:
<input type="checkbox" name="subjects[]" value="1" st="语文" />语文
</li>
<script>
$('[type=checkbox]').click(function (){
var child_leng=$(this).parent().children().length;
var i=1;
if($(this).attr('stg')){
if($(this).attr('checked')==true){
for(i=1;i<child_leng;i++){
$(this).parent().children(':eq('+i+')').attr('checked',true);
}
}else{
for(i=1;i<child_leng;i++){
$(this).parent().children(':eq('+i+')').attr('checked',false);
}
}
}else{
for(i=1;i<child_leng;i++){
if($(this).parent().children(':eq('+i+')').attr('checked')==true){
$(this).parent().children(':first').attr('checked',true);
return true;
}else{
$(this).parent().children(':first').attr('checked',false);
}
}
}
});
</script>
</BODY>
</HTML>
Выше картина окончательного эффект рендеринга этого HTML-странице, JQuery используются в основном для достижения основного вопроса, который выбран из:
1: Когда я установите флажок в год, что соответствует математике заднего класса и язык будет также выбрать все
2: Когда флажок и в следующем году математики, проверка языка флажками, и я буду после чего соответствующего первого класса математики и языка флажок , чтобы удалить выбранные, соответствующее первый год возрождение окна будет автоматически удалить выбранные.
3: Когда я первый чек класса флажок не установлен, но первый выбор языка или математики поля позади класса, первый год соответствующих флажков будет выбран автоматически.
Эта реализация мастера из процесса выбора.
Примечание: При презентации непосредственно скопировать приведенный выше код HTML - файл, а затем ввел имя для JQuery-1.4.1.min.js ядро библиотеки JQuery может быть.
Примечание: код непосредственно в локальную копию во время Вышеприведенные результаты показывают, затем помещают в
Воспроизводится в: https: //my.oschina.net/mapsh/blog/598133