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