PDA

View Full Version : توضیح این کد



ho3inamini
جمعه 08 آذر 1392, 09:06 صبح
سلام دوستان
من در حال یادگیری جی کوئری هستم.
این کد مربوط به چندتا checkbox میشه که وقتی روی چک باکس با class="check-all" کلیک میکنیم تمام chekbox ها انتخاب میشن.

$(document).ready(function(){
$('.check-all:checkbox').change(function() {
var group = ':checkbox[name=' + $(this).attr('name') + ']';
$(group).attr('checked', $(this).is(':checked'));
});
});
اگر امکانش هست یه توضیخ مختصری از خط 3 و 4 بدید.نمیخواد کامل توضیح بدید فقط بگید که خط 3 و 4 چه کاری انجام میدن.
ممنون

jalil_gh
جمعه 08 آذر 1392, 12:34 عصر
خط ۳ یه selector جی‌کوئری ایجاد میکنه. به عبارتی همه checkboxهایی که خاصیت name اونا برابر با name چک‌باکس‌ اولی باشه رو انتخاب میکنه.
خط ۴ هم خاصیت checked اونا رو برابر با خاصیت checked چک‌باکس اولی قرار میده.

البته به نظر من این کد مشکل داره.
اول اینکه برای اینکه این کد کار کنه باید همه چک‌باکس‌ها خاصیت name یکسانی داشته باشن که که خوب این درست نیست. (البته شاید یه جاهایی درست باشه؟؟؟؟)
دوم اینکه برای چک کردن یا نکردن یک چک‌باکس بهتره از prop استفاده بشه.