مشکات
3 سال پیش توسط مشکات مطرح شد
9 پاسخ

انتخاب یک گزینه از چندتا

سلام
خسته نباشید
من توی فرمم سه تا چک باکس دارم که میخوام کاربر بتونه فقط یکی از این سه تا رو انتخاب کنه
چون اتریبیوت nameتوی این سه تا اینپوت نمیتونه یکسان باشه من نمی تونم از radio buttonاستفاده کنم
ممنون میشم اگر راهنماییم کنید🙏
توضیح تصویر رو وارد کنید


ثبت پرسش جدید
فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
1

برات تابعشو طبق کدی که گفتم نوشتم
https://codepen.io/kazemi/pen/RwgvVqq?editors=1111

فقط دقت کن کلاسش باید یونیک باشه وگرنه جای دیگه پروژتو خراب میکنه


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

سلام
name رو یکی کنید و به جایش value هر کدوم متفاوت باشند .


مشکات
تخصص : کاراموز
@meshkat315 3 سال پیش مطرح شد
0

@gomnam
این کارو کردم بزرگوار ولی مقادیر اینپوتم دیگه توی دیتابیس تغییر نمیکرد
چون دارم ازشون استفاده میکنم
راه حل دیگه ای برای انجام اینکار وجود نداره؟


فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
0

با استفاده از رویداد click روی هرکدوم که زد اون دوتای دیگه رو صدا بزنین و مقدارشو prop اش را false بزارین
prop( "checked", false )

لینک راهنماییش توی استک اورفلو:
https://stackoverflow.com/questions/6169826/propchecked-false-or-removeattrchecked


مشکات
تخصص : کاراموز
@meshkat315 3 سال پیش مطرح شد
0

سلام عزیزم ممنونم از راهنماییت
من این کد رو نوشتم ولی اجرا نمیشه

 <div class="form-check">
                                                                                <input type="radio" name="is_superuser"  onclick="if(this.checked){myFunction()}" class="form-check-input" id="blue" value="{{$user->is_superuser}}" <?php echo ($user->is_superuser==1 ? 'checked' : '');?>>
                                                                                <label class="form-check-label"  for="verify" >ادمین</label>
                                                                            </div>
                                                                            <div class="form-check">
                                                                                <input type="radio" name="is_staff" onclick="if(this.checked){myFunction1()}" class="form-check-input" id="red" value="{{$user->is_staff}}" <?php echo ($user->is_staff==1 ? 'checked' : '');?>>
                                                                                <label class="form-check-label"  for="verify" >کاربر مدیر</label>
                                                                            </div>

<script>
    function myFunction() {
        $( "#red" ).prop( "checked", false );
    }
    function myFunction1() {
        $( "#blue" ).prop( "checked", false );
    }
</script>

مشکات
تخصص : کاراموز
@meshkat315 3 سال پیش مطرح شد
0
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
                                                                            <script>
                                                                                $(document).ready(function(){
                                                                                    $(".check-male").click(function(){
                                                                                        $("#male").prop("checked", true);
                                                                                        $("#female").prop("checked", false);
                                                                                    });
                                                                                    $(".check-female").click(function(){
                                                                                        $("#female").prop("checked", true);
                                                                                        $("#male").prop("checked", false);
                                                                                    });
                                                                                });
                                                                            </script>

                                                                            <div class="form-check">
                                                                                <input type="checkbox" name="is_superuser"   class="check-male" value="{{$user->is_superuser}}" <?php echo ($user->is_superuser==1 ? 'checked' : '');?>>
                                                                                <label class="form-check-label" id="male" for="verify" >ادمین</label>
                                                                            </div>
                                                                            <div class="form-check">
                                                                                <input type="checkbox" name="is_staff" class="check-female" value="{{$user->is_staff}}" <?php echo ($user->is_staff==1 ? 'checked' : '');?>>
                                                                                <label class="form-check-label" id="female" for="verify" >کاربر مدیر</label>
                                                                            </div>

سلام دوستان
میشه راهنماییم کنید که ایراد این کد کجاست که اجرا نمیشه


سجاد
تخصص : برنامه نویس فول استیک
@sajadunibas 3 سال پیش مطرح شد
0

@a.ghaderi1375 سلام برای input هاتون id قرار بدید و برای label ها for قرار بدین که به id اینپوت ها ارجاع داده میشه شما دارین id رو داخل label می زارید.


فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
0

@a.ghaderi1375
ببین
یه گروهی از اینپوت ها داری (به همشون یه کلاس بده. مثلا sampleRadioCheckbox)
یه فانکشن درست کن به نام sampleRadio بهش یه پارام e بده
توی فانکشن یه foreach تعریف کن
توی foreach برو اول همه ی checkbox هایی که با اون کلاس هستن رو prop اش رو بهشون false بده
خارج از foreach اون پارام e که به فانکشن فرستادی، میشه همونی که الان روش کلیک شده، بهش prop رو true بده
حالا برای فراخوانی فانکشن
روی هرکدوم از input هات یه رویداد onClick تعریف کن و توش اینطور بنویس

<input type="checkbox" class="sampleRadioCheckbox" onClick="sampleRadio(e)" />

فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
1

برات تابعشو طبق کدی که گفتم نوشتم
https://codepen.io/kazemi/pen/RwgvVqq?editors=1111

فقط دقت کن کلاسش باید یونیک باشه وگرنه جای دیگه پروژتو خراب میکنه


مشکات
تخصص : کاراموز
@meshkat315 3 سال پیش مطرح شد
0

@sajadmzخیلی ممنووونم🌸☘️
@kazemi بی هایت ازتون ممنونم قشنگم😘💗🌺


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

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