حل شده
غیر فعال شدن چک باکس ها با تیک خوردن یک چک باکس
سلام وقت بخیر
چنتا چک باکس داریم که میخوایم اگر تنها یک چک باکس با ایدی خاص تیک خورد بقیه چک باکس ها ان چک و غیر فعال بشن و فقط این ایدی خاص که چک شده فعال باشه. و اگر این چک باکس آن چک شد مجدد بقیه چک باکس ها فعال بشند.
ممنون میشم کد و یا نمونه کدی دارید ارسال کنید
برای گرویتی فرم وردپرس میخوام لحاظ کنم ممنون
ثبت پرسش جدید
پاسخ‌ها
2بهترین پاسخ
این یکی نمونه اگر کسی لازم داشت:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>mohammad mahdi akbari</title>
</head>
<body>
<form>
<input type="checkbox" name="choice_1" id="choice_1">A
<input type="checkbox" name="choice_1" id="choice_2">B
<input type="checkbox" name="choice_3" id="choice_3">C
</form>
<script>
const choice_1Checkbox = document.getElementById("choice_1");
const choice_2Checkbox = document.getElementById("choice_2");
const choice_3Checkbox = document.getElementById("choice_3");
choice_1Checkbox.addEventListener("change", function() {
if (this.checked) {
choice_2Checkbox.disabled = true;
choice_2Checkbox.checked = false;
choice_3Checkbox.disabled = true;
choice_3Checkbox.checked = false;
} else {
choice_2Checkbox.disabled = false;
choice_3Checkbox.disabled = false;
}
});
</script>
</body>
</html>این کد اوکی هست؟
$(document).ready(function(){
$('input\[type="checkbox"\]').click(function(){
if($(this).attr("id")=="A"){
$('input\[type="checkbox"\]').not('#A').prop('checked', false);
$('input\[type="checkbox"\]').not('#A').prop('disabled', true);
}
else{
$('input\[type="checkbox"\]').not('#A').prop('disabled', false);
}
});
});
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد