显示/隐藏附加内容中复选框上的选择字段

时间:2017-03-03 18:13:11

标签: javascript jquery dom

我的问题如下:我有动态div框,其中我附加了一些输入字段,包括样式复选框和隐藏的选择字段。只有当用户选中旁边的框时,才会显示选择字段。因此,当您需要多个div-box(其中包含复选框和隐藏的选择字段)时,单击“[+]”并输入。我已经尝试了一些可能的解决方案,但它们似乎都没有用。当前状态是我可以添加包含输入字段的这些div,但只有“静态”的div可以与显示/隐藏选择字段onclick复选框一起使用。附加的总是显示选择字段。这是代码:

$stmt = $conn["DB"]->prepare('CALL `central`.`permissions_edit`(?,?,?,?,?);');
$stmt->bind_param('siiis', $key, $user, $area, $acc, $active);

foreach ($data as $user => $areas) {
    foreach ($areas as $area => $access) {
        foreach ($access as $acc => $active) {
            if($active == "U")
            {
                $rtn["Results"][]= "user=$user areas=$area access=$acc active=$active Message=Unchanged";
                continue;
            }
            $stmt->execute();
            $row = $stmt->get_result()->fetch_assoc();
            if(!empty($row["Success"]))
            {
                 $rtn["Results"][]= "user=$user areas=$area access=$acc active=$active Message=" . $row["Msg"];
            }
            else
            {
                 $rtn["Success"] = false;
                 $rtn["Errors"][]= "user=$user areas=$area access=$acc active=$active Message=" . $row["Msg"];
            }
            $conn["DB"]->next_result();
        }
    }
}

这就是它的小提琴*:

Show / Hide Select Field on Checkbox within Appended-Content

注意: 选择字段似乎没有.hide()点击那里;在我的页面上它可以正常使用.show()和.hide()

修改 问题:如何将另一组输入字段的动态添加与show / hide onclick复选框(checkswitch)结合起来?目前只有“静态”工作(你点击检查开关,然后出现选择字段(当你点击时它会再次消失)。)

1 个答案:

答案 0 :(得分:0)

据我所知,这个版本会帮助你

https://jsfiddle.net/devsullo/9a63omoh/8/

建议:不要在生成的HTML代码中使用静态id - s

编辑:试试这个https://jsfiddle.net/devsullo/9a63omoh/11/