محمد مهدی اکبری
2 سال پیش
توسط محمد مهدی اکبری
مطرح شد
غیر فعال شدن چک باکس ها با تیک خوردن یک چک باکس
سلام وقت بخیر
چنتا چک باکس داریم که میخوایم اگر تنها یک چک باکس با ایدی خاص تیک خورد بقیه چک باکس ها ان چک و غیر فعال بشن و فقط این ایدی خاص که چک شده فعال باشه. و اگر این چک باکس آن چک شد مجدد بقیه چک باکس ها فعال بشند.
ممنون میشم کد و یا نمونه کدی دارید ارسال کنید
برای گرویتی فرم وردپرس میخوام لحاظ کنم ممنون
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
گزارش تخلف
کپی کردن
0
این یکی نمونه اگر کسی لازم داشت:
<!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>
گزارش تخلف
کپی کردن
0
این کد اوکی هست؟
$(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);
}
});
});
گزارش تخلف
کپی کردن
0
این یکی نمونه اگر کسی لازم داشت:
<!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>