راکت
حل شده

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

9 پاسخ

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

مشکات
مشکات
@meshkat315
ثبت پرسش جدید

پاسخ‌ها

9
فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

بهترین پاسخ

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

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

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

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

مشکات
مشکات
@meshkat315

تخصص: کاراموز

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

شاید پاسخ شما همین‌جا باشد

فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

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

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

مشکات
مشکات
@meshkat315

تخصص: کاراموز

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

 <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

تخصص: کاراموز

<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

تخصص: برنامه نویس فول استیک

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

فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

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

<input type="checkbox" class="sampleRadioCheckbox" onClick="sampleRadio(e)" />
مشکات
مشکات
@meshkat315

تخصص: کاراموز

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

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

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