سلام
خسته نباشید
من توی فرمم سه تا چک باکس دارم که میخوام کاربر بتونه فقط یکی از این سه تا رو انتخاب کنه
چون اتریبیوت nameتوی این سه تا اینپوت نمیتونه یکسان باشه من نمی تونم از radio buttonاستفاده کنم
ممنون میشم اگر راهنماییم کنید🙏
برات تابعشو طبق کدی که گفتم نوشتم
https://codepen.io/kazemi/pen/RwgvVqq?editors=1111
فقط دقت کن کلاسش باید یونیک باشه وگرنه جای دیگه پروژتو خراب میکنه
با استفاده از رویداد click روی هرکدوم که زد اون دوتای دیگه رو صدا بزنین و مقدارشو prop اش را false بزارین
prop( "checked", false )
لینک راهنماییش توی استک اورفلو:
https://stackoverflow.com/questions/6169826/propchecked-false-or-removeattrchecked
سلام عزیزم ممنونم از راهنماییت
من این کد رو نوشتم ولی اجرا نمیشه
<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>
<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>
سلام دوستان
میشه راهنماییم کنید که ایراد این کد کجاست که اجرا نمیشه
@a.ghaderi1375 سلام برای input هاتون id قرار بدید و برای label ها for قرار بدین که به id اینپوت ها ارجاع داده میشه شما دارین id رو داخل label می زارید.
@a.ghaderi1375
ببین
یه گروهی از اینپوت ها داری (به همشون یه کلاس بده. مثلا sampleRadioCheckbox)
یه فانکشن درست کن به نام sampleRadio بهش یه پارام e بده
توی فانکشن یه foreach تعریف کن
توی foreach برو اول همه ی checkbox هایی که با اون کلاس هستن رو prop اش رو بهشون false بده
خارج از foreach اون پارام e که به فانکشن فرستادی، میشه همونی که الان روش کلیک شده، بهش prop رو true بده
حالا برای فراخوانی فانکشن
روی هرکدوم از input هات یه رویداد onClick تعریف کن و توش اینطور بنویس
<input type="checkbox" class="sampleRadioCheckbox" onClick="sampleRadio(e)" />
برات تابعشو طبق کدی که گفتم نوشتم
https://codepen.io/kazemi/pen/RwgvVqq?editors=1111
فقط دقت کن کلاسش باید یونیک باشه وگرنه جای دیگه پروژتو خراب میکنه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟