如何获取已在引导程序中按下的按钮的“状态”?
即我正在使用此代码,它使按钮像复选框一样“切换”:
<div class="btn-group" data-toggle="buttons-checkbox">
<button type="button" class="btn btn-primary">Left</button>
<button type="button" class="btn btn-primary">Middle</button>
<button type="button" class="btn btn-primary">Right</button>
</div>
这是来自这里的引导手册。
但是我然后单击提交按钮 - $_POST 中不包含任何数据。我如何知道选择了哪些按钮?
我已经尝试'value="1" name="1"'
在按钮上添加等 - 但仍然没有。
编辑:这是完整的解决方案,我可以使用下面 Felix 的帮助创建它。
<form method="post" action="" id="mform" class="form-horizontal">
<div class="btn-group" data-toggle="buttons-checkbox">
<button type="button" name="left" value="1" class="btn btn-primary">Left</button>
<button type="button" name="middle" value="1" class="btn btn-primary">Middle</button>
<button type="button" name="right" value="1" class="btn btn-primary">Right</button>
</div>
<button type="submit" class="btn">Submit</button>
</form>
<script>
$('#mform').submit(function() {
$('#mform .btn.active').each(function() {
var input = document.createElement("input");
input.setAttribute("type", "hidden");
input.setAttribute("name", this.name);
input.setAttribute("value", this.value);
document.getElementById("mform").appendChild(input);
});
});
</script>