引导:因为当我选中一个复选框时,会标记另一个复选框?使用php echo
我正在为我的网站制作一个表单,我正在使用Bootstrap4.2创建一个带有PHP echo的复选框系统,但事实证明,当我选择时,例如,在本例中,当我选择“测试1”或“测试2”时,会标记为“测试3” 代码:引导:因为当我选中一个复选框时,会标记另一个复选框?使用php echo,php,checkbox,Php,Checkbox,我正在为我的网站制作一个表单,我正在使用Bootstrap4.2创建一个带有PHP echo的复选框系统,但事实证明,当我选择时,例如,在本例中,当我选择“测试1”或“测试2”时,会标记为“测试3” 代码: 确保对每个HTML元素的每个复选框都使用了唯一的id,如果这是一个不同的选项,请这样做:id=“defaultInline-”。 此外,您还缺少名称-值属性,这可能会导致提交时只有主题id[]复选框将可见 以下是工作示例: 标签1 标签2 确保对每个HTML元素的每个复选框使用唯一的i
确保对每个HTML
元素的每个复选框都使用了唯一的id
,如果这是一个不同的选项,请这样做:id=“defaultInline-”
。
此外,您还缺少名称-值属性,这可能会导致提交时只有主题id[]
复选框将可见
以下是工作示例:
标签1
标签2
确保对每个HTML元素的每个复选框使用唯一的id
,如果这是一个不同的复选框,请选择如下方式:id=“defaultInline-”
。您还缺少了name
value属性,这可能会导致您提交时只有topic_id[]
复选框会准时显示。@SergheileOnneco您好,我尝试过,问题解决了,但是现在当我单击复选框时,它不起作用,您必须将鼠标向右移动一点才能使其起作用,我如何解决它呢?我刚刚在JSFIDLE上检查了您的代码,一切正常。检查您的样式,可能会出现一些冲突。
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" value="<?php echo $categoria['id']; ?>" class="custom-control-input" id="defaultInline1">
<label class="custom-control-label" for="defaultInline1"><?php echo $categoria['name']; ?></label>
</div>
<?php else: ?>
<div class="custom-control custom-checkbox custom-control-inline">
<input id="defaultInline1" selected value="<?php echo $categoria['id']; ?>" type="checkbox" name="topic_id[]" class="custom-control-input">
<label class="custom-control-label" for="defaultInline1"><?php echo $categoria['name']; ?></label>
</div>
<?php endif; ?>
<?php endforeach; ?>