按钮复选框不保存选中的
Button Checkboxes do not save checked
我正在使用引导程序,并试图将复选框转换为一个按钮,该按钮显示何时按下或不按下(选中或不选中)。如果我让代码显示复选框,它就可以完美地工作。如果我将代码保留为带标签的按钮,则"选中"的按钮将无法正确加载(它们会保存)。
已解决:事实证明,我只需要为已经激活的复选框回显"btn group active"。
复选框代码w/复选框(有效)
<div class="btn-group" id="salesman" data-toggle="buttons"></div>
<h5>Salesman :</h5>
<?php
$salesman = json_decode($invoice['Invoice']['salesman'], true);
$salesman_names = array(1 => "User1",2 => "User2",3 => "User3",4 => "User4",5 => "User5");
foreach ($salesman_names AS $i => $name) {
if ($salesman[$name] == "checked") {
echo '<label class="btn btn-default"><input type="checkbox" name="data-invoice-salesman[]" value="'.$i.'" checked/> '.$name.'</label>';
} else {
echo '<label class="btn btn-default"><input type="checkbox" name="data-invoice-salesman[]" value="'.$i.'" /> '.$name.'</label>';
}
}
?>
复选框代码w/out复选框(需要修复吗?)
<div class="btn-group" id="salesman" data-toggle="buttons">
<h5>Salesman :</h5>
<?php
$salesman = json_decode($invoice['Invoice']['salesman'], true);
$salesman_names = array(1 => "User1",2 => "User2",3 => "User3",4 => "User4",5 => "User5");
foreach ($salesman_names AS $i => $name) {
if ($salesman[$name] == "checked") {
echo '<label class="btn btn-default"><input type="checkbox" name="data-invoice-salesman[]" value="'.$i.'" checked/> '.$name.'</label>';
} else {
echo '<label class="btn btn-default"><input type="checkbox" name="data-invoice-salesman[]" value="'.$i.'" /> '.$name.'</label>';
}
}
?>
我认为您搜索了一个切换按钮,请查看下面的示例。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default active">
<input type="checkbox" checked autocomplete="off"> Checkbox 1 (pre-checked)
</label>
<label class="btn btn-default">
<input type="checkbox" autocomplete="off"> Checkbox 2
</label>
<label class="btn btn-default">
<input type="checkbox" autocomplete="off"> Checkbox 3
</label>
</div>
根据我的了解,您希望将标签的点击链接到复选框的切换(可以隐藏)。
<label for="me">
Blah1
<input type="checkbox" id="me">
</label>
相关文章:
- 如何保存动态创建的复选框的更改状态
- 如何通过单击唯一按钮保存下拉菜单/复选框菜单选项和占位符值
- 如何使用javascript自动提交保存/重新填充的复选框
- 如何使用复选框启用选项并通过本地存储进行保存
- JavaScript-使用sessionStorage保存文档之间共享的复选框状态
- 将复选框选中的状态保存并加载到数据库
- 如何保存和访问复选框数据 HTML
- 如何将复选框数组中的数据保存到数据库中
- 如何在 javascript 的信息窗口中使用 cookie 保存复选框状态
- 单击时自动保存复选框
- localStorage如何保存复选框
- 具有Raspberry Pi nginx网页保存复选框状态
- 单击时保存复选框的状态
- 在HTML或Javascript中保存复选框状态
- 如何在页面刷新后保存复选框状态
- 引导弹出窗口不保存复选框
- 正在浏览器缓存中保存复选框值
- 保存复选框的动态状态时遇到问题(Javascript,jQuery)
- 本地存储未保存复选框未选中阶段
- jQuery-在cookie中保存复选框条件