درخواست کد دکمه چکباکس

با سلام
من کد یک دکمه چکباکس رو میخوام که وقتی فعال باشه برای کلاس سی اس اس noimage مقدار display:none; قرار بده .
و البته به صورت ایجکس انجام بشه و نیازی به رفرش کردن صفحه نباشه...
ممنون از شما

کد:

---

<input id="cx" type="checkbox" />
<script>
$('#cx').on('change', function () {
    if ($(this).is(":checked")) {
        $(".noimage").hide();
    } else {
      $(".noimage").show();
    }
});
</script>

---

ممنون..کار کرد

- - - Updated - - -

ولی یه مشکلی هست
من از این قابلیت میخوام برای اضافه کردن دکمه نمایش آگهی های عکس دار به سایتم استفاده کنم.
سایت من با اسکرول شدن به صورت ایجکس اگهی ها رو نمایش میده.
حالا مشکل اینه که این که دکمه فقط برای آگهی های صفحه اول عمل میکنه...یعنی وقتی صفحه رو اسکرول میکنیم و آگهی های بیشتری به صورت ایجکس نمایش داده میشن این دکمه روی اون اگهی ها عکل نمیکنه.
خودتون میتونید ببینید از اینجا :
http://cloobi.ir/index.php?page=search

کد:

---

$('#cx').on('change', function () {
    if ($(this).is(":checked")) {
        $(".noimage").hide();
    } else {
      $(".noimage").show();
    }
});


$(window).on('scroll', function() {
    if($("#cx").is(':checked')) {
        $(".noimage").hide();
    } else {
        $(".noimage").show();
    }
});

---

سلام
اگر ترتیب قرارگیری اچ تی ام ال تون به شکلی هست که اول چک باکس هست و بعد عنصر هدف، این کار رو با سی اس اس می تونید انجام بدید، مثال:

کد HTML:

---

<input type="checkbox">
<div>div</div>
<p>p</p>

---

کد:

---

input:checked + div {
    display: none;
}
input:checked ~ p {
    display: none;
}

---

https://jsfiddle.net/sabeti05/evmywykk/

نقل قول:

---

نوشته اصلی توسط T.Toosi

کد:

---

$('#cx').on('change', function () {
    if ($(this).is(":checked")) {
        $(".noimage").hide();
    } else {
      $(".noimage").show();
    }
});


$(window).on('scroll', function() {
    if($("#cx").is(':checked')) {
        $(".noimage").hide();
    } else {
        $(".noimage").show();
    }
});

---

---

خیلی ممنون از شما ...کدتون کار کرد
ولی یه ایرادی داره.
ایرادش اینه که وقتی اسکرول انجام میشه توی مرحله اول که اگهی های جدید لود میشه کد کار نمیکنه و باید یه اسکرول دیگه انجام بشه تا کار کنه.
برای این راهی به ذهنتون نمیرسه؟

- - - Updated - - -

نقل قول:

---

نوشته اصلی توسط mojtaba05

سلام
اگر ترتیب قرارگیری اچ تی ام ال تون به شکلی هست که اول چک باکس هست و بعد عنصر هدف، این کار رو با سی اس اس می تونید انجام بدید، مثال:

کد HTML:

---

<input type="checkbox">
<div>div</div>
<p>p</p>

---

کد:

---

input:checked + div {
    display: none;
}
input:checked ~ p {
    display: none;
}

---

https://jsfiddle.net/sabeti05/evmywykk/

---

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

از دوستان کسی نمی تونه منو راهنمایی کنه؟

باسلام، از همان کد CSS که در بالا به شما دادند استفاده کنید به احتمال زیاد مشکل ـتون حل خواهد شد.

کد:

---

<style>
#cx:checked + .noimg {
    display: none;
}
</style>

---