انتخاب checkbox باکس در یک ردیف وستون
سلام
من کدزیر را نوشته ام
حال می خواهم وقتی در ردیفی یک checkbox را انتخاب کردم مابقی checkbox ردیف انتخاب شده غیرفعال شوند و همچنین این اتفاق برای سطر انتخابی هم رخ بدهد
چه کدی باید بنویسم
باتشکر
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/rtl.css">
<style>
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 text-center text-muted mt-1">شمار</div>
<div class="col-12">
<div class="row">
<div class="col-12 text-right bg-info">Text</div>
<div class="col-12">
<div class="row">
<div class="col-3">
<div class="row">
<div class="col-6 ">xx</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">x</div>
<div class="col-6 "><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">y</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">yy</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
</div>
</div>
<div class="col-12 text-right bg-info">Text</div>
<div class="col-12">
<div class="row">
<div class="col-3">
<div class="row">
<div class="col-6">xx</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">x</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">y</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">yy</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
</div>
</div>
<div class="col-12 text-right bg-info">Text</div>
<div class="col-12">
<div class="row">
<div class="col-3">
<div class="row">
<div class="col-6">xx</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">x</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">y</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">yy</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
</div>
</div>
<div class="col-12 text-right bg-info">Text</div>
<div class="col-12">
<div class="row">
<div class="col-3">
<div class="row">
<div class="col-6">xx</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">x</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">y</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
<div class="col-3">
<div class="row">
<div class="col-6">yy</div>
<div class="col-6"><input type="checkbox"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
</script>
</body>
</html>
