ورود

View Full Version : فعال شدن همزمان چند checkbox



<?php?>
دوشنبه 24 اسفند 1394, 20:09 عصر
سلام .
مصلما همتون بخش >> همه نوشته ها - در سیستم مدیریت محتوای وردپرس رفتید .
در اون قسمت تمام پست ها یک وبسایت با یک سری مشخصات قرار دارن و برای ویرایش و حذف هستن .
یک دکمه checkbox هم در header هست که وقتی اون چک باکس رو کلیک میکنه تمام پست های چک باکسشون فعال میشه .

یعنی انتخاب همه پست ها یکجا با زدن یک checkbox .

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

tamafi6
پنج شنبه 27 اسفند 1394, 14:22 عصر
یک نمونه:


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
$('input[type="checkbox"]').change(function(e) {
var checked = $(this).prop("checked"),
container = $(this).parent(),
siblings = container.siblings();
container.find('input[type="checkbox"]').prop({
indeterminate: false,
checked: checked
});
function checkSiblings(el) {
var parent = el.parent().parent(),
all = true;
el.siblings().each(function() {
return all = ($(this).children('input[type="checkbox"]').prop("checked") === checked);
});
if (all && checked) {
parent.children('input[type="checkbox"]').prop({
indeterminate: false,
checked: checked
});
checkSiblings(parent);
} else if (all && !checked) {
parent.children('input[type="checkbox"]').prop("checked", checked);
parent.children('input[type="checkbox"]').prop("indeterminate", (parent.find('input[type="checkbox"]:checked').length > 0));
checkSiblings(parent);
} else {
el.parents("li").children('input[type="checkbox"]').prop({
indeterminate: true,
checked: false
});
}
}
checkSiblings(container);
});
});
</script>