Код за checked на всички checkbox-ове

[smoke]

Здравейте,
трябва ми код за това: виждал съм в едни сайтове има таблици с checkbox-ове и най-отгоре над всички checkbox-ове има един checkbox който когато се натисне всички други checkbox-ове се чекват..?

 

[bytheway]

Това се прави с JavaScript.
Ето кода за формата:

<form name="myform" action="" method="post">
<b>Лист с любими програмни езици</b><br>
<input type="checkbox" name="list" value="1">Java<br>
<input type="checkbox" name="list" value="2">JavaScript<br>
<input type="checkbox" name="list" value="3">php<br>
<input type="checkbox" name="list" value="4">HTML<br>
<input type="checkbox" name="list" value="5">SQL<br>

<input type="button" name="CheckAll" value="Check All"
onClick="checkAll(document.myform.list)">
<input type="button" name="UnCheckAll" value="Uncheck All"
onClick="uncheckAll(document.myform.list)">
<br>
</form>

А това е JavaScript-a:

<SCRIPT LANGUAGE="JavaScript">

</script>

http://www.shiningstar.net/articles/articles/javascript/checkboxes.asp

 

[Ev0luti0N]

[js]checked = false;
function checkedAll () {
if (checked == false){ checked = true; } else { checked = false; }
for(var i = 0; i < document.getElementById('checks').elements.length; i++) {
document.getElementById('cheks').elements.checked = checked;
}
}[/js]

<input type="checkbox" name="check" id="checks" /><br />
<input type="checkbox" name="check2" id="checks" /><br />
<input type="checkbox" name="check3" id="checks" /><br />
<input type="checkbox" name="check4" id="checks" /><br /><br />
<input type="checkbox" onclick="checkedAll();" />

Цъкаш 1 път на най-долният checkbox те се check-ват като натиснеш пак им се маха check-а.
:?:

 

[Karcho]

@Ev0lutioN Това би сработило, но ще извади грешка в html. Няма как да имаш повече от едно id в една страница (под едно име).

<input type="checkbox" name="check" class="checkbox" /><br />
<input type="checkbox" name="check2" class="checkbox"/><br />
<input type="checkbox" name="check3" class="checkbox"/><br />
<input type="checkbox" name="check4" class="checkbox" /><br /><br />
<input type="checkbox" id="checkBoxes" onclick="checkAll();" />

(това е формата от коментара по-горе, съвсем малко я редактирах)


С jQuery би станало така (ако настоявате да е с функция)
[js]
function checkAll()
{
var is_checked = $("#checkBoxes").attr("checked");

if(is_checked == true) {
$(".checkbox").attr("checked", true);
} else {
$(".checkbox").attr("checked", false);
}
}[/js]

 

[hpstuff]

отговора на @Ev0luti0N е напълно не уместен не можеш да имаш повтарящи се id-та затова са id да не се повтарят.

 

[Ev0luti0N]

отговора на @Ev0luti0N е напълно не уместен не можеш да имаш повтарящи се id-та затова са id да не се повтарят.

Извинявам се, не съм достатъчно внимателен в това което пиша като другите "програмиски"
[js]<script>
checked = false;
function checkedAll () {
if (checked == false){ checked = true; } else { checked = false; }
for(var i = 0; i < document.getElementById('checks').elements.length; i++) {
document.getElementById('checks').elements.checked = checked;
}
}
</script>[/js]

<form id="checks">
<input type="checkbox" name="check" /><br />
<input type="checkbox" name="check2" /><br />
<input type="checkbox" name="check3" /><br />
<input type="checkbox" name="check4" /><br /><br />
<input type="checkbox" onclick="checkedAll();" />
</form>

:?: