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

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

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


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

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

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


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

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


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

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


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

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

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


مشکات
مشکات
تخصص :کاراموز
@meshkat3154 سال پیشمطرح شد
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>

مشکات
مشکات
تخصص :کاراموز
@meshkat3154 سال پیشمطرح شد
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>

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


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

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


فاطمه کاظمی زاده
فاطمه کاظمی زاده
تخصص :Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی
@kazemi4 سال پیشمطرح شد
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 در هولدینگ دکتر کرمانی - مدرس مجتمع فنی
@kazemi4 سال پیشمطرح شد
1

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

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


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

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


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

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