Question

我想在单击父复选框时显示特定的子复选框，但是该复选框的值来自数据库列

 <input name="service[]" type="checkbox" value="<?php echo $service['id']; ?>" id="" />

<?php 
echo $service['servicename'];
echo "<br>";
?>

<br><br>

<?php foreach ($activities as $activity) : ?>

    <input name="activity[]" type="checkbox" value="<?php echo $activity['id']; ?>" />

    <?php 
    echo $activity['nameofactivity'];
    echo "<br>";

我的输出：

1。所得税
返回
填充
2.GST
表格
提交表单

我想在点击Incometax [1st service]时显示Return and Filling [1st service的活动]，并在单击[2nd service] GST时显示Form and Submitform [2nd service的活动]。但是，当点击所得税[第一项服务]时，隐藏表格并提交表单[第二项活动（如果打开）]，而当我单击GST [第二项服务]时，则隐藏退货和填写[第一项服务的活动（如果打开）

谢谢。

Answer 1

作为摆脱困境的借口，我来了这个小小的检查/取消选中复选框的演示，具体取决于勾选了哪个父母。您可以复制，保存并修剪以下内容，以查看实际效果，或尝试此CodePen演示

它使用num_rows = 10 num_cols = 15 df = pd.DataFrame({ 'c{}'.format(n): [randint(0, 9) for x in range(num_rows)] for n in range(num_cols)}, index=[x+1 for x in range(num_rows)] , ) c0 c1 c2 c3 c4 c5 c6 c7 c8 c9 1 1 6 2 1 3 1 8 8 2 0 2 2 6 2 2 5 7 4 1 6 2 3 1 2 6 8 7 5 5 7 2 2 4 5 5 3 3 4 7 8 1 8 6 5 7 2 8 6 5 6 2 0 0 4 6 8 2 4 4 6 3 0 1 0 2 7 5 6 8 5 1 0 4 8 4 7 8 1 5 4 5 2 4 4 6 2 7 9 5 7 7 8 5 0 2 7 3 2 10 4 8 5 3 3 7 5 1 5 1和querySelector定位DOM中的子元素和父元素。我希望这可以给您一个实现目标的想法。

querySelectorAll

单击特定的父复选框时，我们可以隐藏和显示子复选框吗？

1 个答案: