فرهاد
5 سال پیش توسط فرهاد مطرح شد
9 پاسخ

چک کردن

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


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

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

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

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

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


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

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


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

@hesammousavi

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

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

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


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

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


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

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

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

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


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

سلام
@cfarhad

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

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

فرهاد
تخصص : Javascript Developer
@cfarhad 5 سال پیش مطرح شد
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
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()
  }
})

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

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