سلام
من کدزیر را نوشته ام
حال می خواهم وقتی در ردیفی یک 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>
از ()Find جی کوئری استفاده کنید.
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)