我的数据库中有一个这样的表:
------------------------------
| ID_1 | ID_2 |
------------------------------
| A | 1 |
| A | 2 |
| A | 3 |
| B | 1 |
| B | 2 |
| B | 5 |
| C | 1 |
| C | 4 |
| C | 3 |
------------------------------
我有一些像这样的 ID_1 复选框
<input class="ID_1" type="checkbox" value="A">
<input class="ID_1" type="checkbox" value="B">
<input class="ID_1" type="checkbox" value="C">
每次我选中 ID_1 复选框时，我都会尝试这样做，ID_2 复选框将显示，具体取决于我根据上表选中的 ID_1 复选框。 所以如果我勾选了两个复选框
<input class="ID_1" type="checkbox" value="A" checked>
<input class="ID_1" type="checkbox" value="B" checked>
<input class="ID_1" type="checkbox" value="C">
它会像这样显示:
<input class="ID_2" type="checkbox" value="1">
<input class="ID_2" type="checkbox" value="2">
<input class="ID_2" type="checkbox" value="3">
<input class="ID_2" type="checkbox" value="5">
可以使用 jquery 吗？我需要你的帮助
最佳答案
这可以使用 jquery，您需要显示所有复选框并使用类而不是 Id。我正在研究解决方案，完成后会发布。
这是适合您的解决方案。您可以将其添加到脚本中并在浏览器中运行。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<!DOCTYPE html >
<html>
<head>
<script src="javas/jquery-1.12.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('document').ready(function () {
//OBJECT OF ARRAY WITH YOUR DESIRED VALUES FROM DATABASE, THIS COULD BE MADE DYNAMICALLY
var id1Obj = { A:['1','2','3'], B:['1','2','5'], C:['1','3','4'] };
$('.ID_1').click(function () {
$('.ID_2').hide();
jQuery('.ID_1:checked').each(function( index ) {
var valId1CheckboxVal = $(this).val();
jQuery('.ID_2').each(function( index ) {
if( $.inArray( $( this ).val(), id1Obj[valId1CheckboxVal] ) != -1 )
{
$(this).show();
}
else
{
// console.info("flse for " + $( this ).val());
// console.log( $(this) );
}
});
});
});
});
</script>
</head>
<body>
<div style="width:100%">
<label>ID_1 checkboxes</label><br>
<input class="ID_1" type="checkbox" value="A"> A<br>
<input class="ID_1" type="checkbox" value="B"> B<br>
<input class="ID_1" type="checkbox" value="C"> C<br>
<br>
</div>
<br>
<div style="width:100%">
<label>ID_2 checkboxes</label><br>
<input class="ID_2" type="checkbox" value="1">1 <br>
<input class="ID_2" type="checkbox" value="2">2 <br>
<input class="ID_2" type="checkbox" value="3">3 <br>
<input class="ID_2" type="checkbox" value="4">4 <br>
<input class="ID_2" type="checkbox" value="5">5 <br>
</div>
</body>
</html>关于javascript - (php/jquery) 根据另一个选中的复选框值隐藏和显示复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36369740/