راکت
فرهاد
فرهاد
توسط فرهاد مطرح شد
9 پاسخ

چک کردن

سلام ، چطوری میتونم با جی کوئری کاری بکنم که اگه چک باکس یا رادیو تیک خورده بود یه فانکشن رو اجرا کنه


ثبت پرسش جدید
حسام موسوی
حسام موسوی
تخصص :طراح و برنامه نویس
@hesammousavi6 سال پیشمطرح شد
2

با ثبت کردن یک listener روی اون چک باکس

$('input[type=checkbox]').change(
    function(){
        if (this.checked) {
            alert('checked');
        }
    });

فرهاد
فرهاد
تخصص :Javascript Developer
@cfarhad6 سال پیشمطرح شد
0

@hesammousavi خب در این کد اگه unchecked بود if اجرا نمیشه درسته ؟؟


حسام موسوی
حسام موسوی
تخصص :طراح و برنامه نویس
@hesammousavi6 سال پیشمطرح شد
0

بله داخل if اجرا نمیشه


فرهاد
فرهاد
تخصص :Javascript Developer
@cfarhad6 سال پیشمطرح شد
0

@hesammousavi

لطفا یه نگاه به این بندازید ببینید کد من مشکل داره یا مال شما

چون بعد از چک خوردن صد بار هم که آن چک بشه دیگه تغیرات عوض نمیشه

https://codepen.io/CFarhad/pen/KKPQVBP


Alimotreb
Alimotreb
تخصص :کانفیگ سرور و برنامه نویس
@Alimotreb6 سال پیشمطرح شد
1

سلام
@cfarhad
شروط هست دیگه میتونید هر چیزی بنویسید
این رو تست کنید اوکی هست!


$('input[type=checkbox]').change(function(){
  if(this.checked){
    $('body').css('background' , 'red')
  }else{
      $('body').css('background' , 'white')
  }
})

فرهاد
فرهاد
تخصص :Javascript Developer
@cfarhad6 سال پیشمطرح شد
0

@Alimotreb من نمیخوام else قرار بدم

یعنی if به صورت toggle کار کنه


Alimotreb
Alimotreb
تخصص :کانفیگ سرور و برنامه نویس
@Alimotreb6 سال پیشمطرح شد
1

سلام
@cfarhad

این رو هم میتونید تست کنید!!

  $(document).ready(function () {
        $('input[type=checkbox]').bind("change", function() {
          alert("hallo");
        });
      });

فرهاد
فرهاد
تخصص :Javascript Developer
@cfarhad6 سال پیشمطرح شد
میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad6 سال پیشمطرح شد
0

با toggle هستش، ولی شاید ی مقداری جالب نباشه. با همون if بهتر بودش.

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

css
div {
  width: 100px;
  height: 100px;
  background-color: red
}

jquery
$('input[type=checkbox]').change(function(){
  if(this.checked){
    $('div').toggle()
  } else {
    $('div').toggle()
  }
})

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام