انتخاب چک باکس ها

[mnakhaeipoor]

سلام
من 8 تا چک باکس دارم میخوام یه button براش بذارم که وقتی روش کلیک میکنم هر 8تا چک باکس با هم انتخاب بشن و وقتی دوباره روش کلیک میشه هر 8تا چک باکس بدون تیک بشن (همون SelectAll خودمون)
کسی میتونه راهنمایی کنه؟

[pary_daryayi]

html:


<input type="checkbox" id="selectall" onClick="selectAll(this)" />Select All
<ul>
<li><input type="checkbox" name="colors[]" value="red" />Red</li>
<li><input type="checkbox" name="colors[]" value="blue" />Blue</li>
<li><input type="checkbox" name="colors[]" value="green" />Green</li>
<li><input type="checkbox" name="colors[]" value="black" />Black</li>
</ul>


javascript:


<script language="JavaScript">
function selectAll(source) {
checkboxes = document.getElementsByName('colors[]');
for(var i in checkboxes)
checkboxes[i].checked = source.checked;
}
</script>

[mnakhaeipoor]

html:


<input type="checkbox" id="selectall" onClick="selectAll(this)" />Select All
<ul>
<li><input type="checkbox" name="colors[]" value="red" />Red</li>
<li><input type="checkbox" name="colors[]" value="blue" />Blue</li>
<li><input type="checkbox" name="colors[]" value="green" />Green</li>
<li><input type="checkbox" name="colors[]" value="black" />Black</li>
</ul>


javascript:


<script language="JavaScript">
function selectAll(source) {
checkboxes = document.getElementsByName('colors[]');
for(var i in checkboxes)
checkboxes[i].checked = source.checked;
}
</script>

خیلی ببخشید ولی اینو که خودمم میدونستم:لبخند:
من گفتم چجوری یه دکمه ی button بذارم که وقتی روش کلیک میکنم همه انتخاب بشن و مجدد که روش کلیک میکنیم همه غیرفعال بشن
بیزحمت اگه اونو توضیح بدید ممنون میشم...

[jalil_gh]

فرض کنیم دو سه تا از چک‌باکس‌ها انتخاب شده باشه. اونوقت وقتی روی دکمه کلیک شد باید چه اتفاقی بافته؟؟

تو این کدها از یه چک باکس دیگه به جای اون دکمه‌ای که میگین استفاده کردم. هر وقت که اون چک شده باشه همه چک میشن و هر وقت هم که uncheck شده باشه همه uncheck میشن. (البته اینجا از جی‌کوئری استفاده کردم)

<input type="checkbox" id="selectAll">
<label for="selectAll">Select All</label>
<div class="checks">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<div>

<script src='lib/jquery.js'></script>
<script>

$('#selectAll').change(function() {
if ($(this).prop('checked')) {
$(".checks input").prop('checked', true);
} else {
$(".checks input").prop('checked', false);
}
});

</script>

[Omid Jackson]

http://jsfiddle.net/OmidJackson/hM5bu/101/
با استفاده از jQuery 1.6 انجام بدین