انتخاب کردن تمام چک باکس ها [بایگانی]

ramin149

یک شنبه 05 آذر 1391, 00:49 صبح

با چه کدی می توان با قرار دادن یک تک a و یکسری چکباکس در صفحه کدی نوشت که هنگامی رو لینک کلیک گرد تمام چکباکس ها انتخاب شود .

MMSHFE

یک شنبه 05 آذر 1391, 08:31 صبح

<!doctype html>
<html>
<head>
<title>JQ DEMO</title>
<meta charset="utf-8"/>
<script src="js/jqmin.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a#all").click(function() {
$("input[type=checkbox]").attr("checked", "checked");
});
});
</script>
</head>
<body>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<input type="checkbox"/>Test<br/>
<a id="all" href="#">Select All</a>
</body>
</html>

tux-world

یک شنبه 05 آذر 1391, 09:27 صبح

اینطوری هم میشه نوشت:

$('[id^="check"]').attr("checked", "checked");
یعنی چند کاراکتر اولشون check باشه یا بعضی اوقات پیش میاد شما پک باکس هایی تعریف میکنید که آی دی همشون با هم فرق میکنن و نمیشه اونها رو مثل کد آقای شهرکی یکی داد مثلا هر کودوم رو به نسبت اسمی که بهش میدین نام گذاری کنید اینطوری دیگه این کده به درد نمیخوره چون آی دی هاشون فرق میکنه. اینطوری باید استفاده کرد:

$('#selectAll').click(function(e) {
{
var elements = ['#chk1' ,'#chk2','#chk3','#chk4','#chk5','#chk6'];
jQuery.each(elements, function(element) {
var checked = $(elements[element]).is(':checked');
$(elements[element]).attr('checked', true);
});
});
شما میایید تو آرایه تمام آی دیهای چک باکس ها رو معرفی میکنید بعد از طریق اون چک هاش رو یا میزنید یا برمیدارید

majidamiri

جمعه 10 آذر 1391, 20:21 عصر

با سلام ، چطوری میشه همین کد رو واسه انتخاب یک چک باکس و چک شدن همه چک باکس ها نوشت ؟؟ و اینکه بعد از آنچک شدن همان چک باکس ، همه ی چک باکس ها آنچک شن ؟؟؟ با تشکر .

hakan648

شنبه 11 آذر 1391, 00:24 صبح

سلام
سادست ، فقط کافیه رویداد کلیک رو برای چک باکس مورد نظر تعریف کنید و در زمان کلیک شدن ، چک کنید که اگر چک خورده بود ، همه چک باکس ها چک بخورن و برعکس.

$(document).ready(function() {
$("chkSelector").click(function() {
if($(this).attr("checked")) {
$("input[type=checkbox]").attr("checked",true);
} else {
$("input[type=checkbox]").attr("checked",false);
}
});
});

majidamiri

شنبه 11 آذر 1391, 00:33 صبح

سلام
سادست ، فقط کافیه رویداد کلیک رو برای چک باکس مورد نظر تعریف کنید و در زمان کلیک شدن ، چک کنید که اگر چک خورده بود ، همه چک باکس ها چک بخورن و برعکس.

$(document).ready(function() {
$("chkSelector").click(function() {
if($(this).attr("checked")) {
$("input[type=checkbox]").attr("checked",true);
} else {
$("input[type=checkbox]").attr("checked",false);
}
});
});

با تشکر ، اگه میشه توضیح مختصری راجع به این کد بدید که چطور تو php قرار میگیره ، چون من امتحان کردم جواب نداد !! اینطوری :

echo " <th><input name=\"chkSelector\" type=\"checkbox\" onclick=\"#\"></th>\n";
echo "<td class=\"checkbox\"><input name=\"list\" value='" . $queryacc['account_id'] . "' type=\"checkbox\"></td>";

masudafsar

شنبه 11 آذر 1391, 01:36 صبح

همیشه سعی کن کد Html رو خارج از تگ PHP قرار بدی.

<th><input name="chkSelector" type="checkbox" onclick="#"></th>
<td class="checkbox"><input name="list" value="<?php echo $queryacc['account_id']; ?>" type="checkbox"></td>"

majidamiri

شنبه 11 آذر 1391, 15:01 عصر

با کمال تاسف این کد کار نکرد !!! :ناراحت: