下面我有一些我用PHP构建的特定应用程序的代码。我的工作是用户界面,我查看并查找了如何使其工作的代码。
使用此表单,它使用Jquery UI的最新更新来标准按钮和复选框。我需要在选中复选框时显示按钮,并在取消选中时消失。
一直找不到任何适用于此的代码,并且让我一半疯了,并且让我落后。
<form name="purpose" method="post" action="" >
<div id="radiosetPURPOSE">
<input type="checkbox" id="radio1" name="homework" value="homework" ><label for="radio1" style="font-size: 13pt; width: 130px; height: 40px;">Homework</label>
<input type="checkbox" id="radio2" name="computer" value="computer" ><label for="radio2" style="font-size: 13pt; width: 130px; height: 40px;">Computer</label>
</div>
<br />
<div id="radiosetPURPOSE2">
<input type="checkbox" id="radio3" name="books" value="books" ><label for="radio3" style="font-size: 13pt; width: 130px; height: 40px;">Books</label>
<input type="checkbox" id="radio4" name="reading" value="reading" ><label for="radio4" style="font-size: 13pt; width: 130px; height: 40px;">Reading</label>
</div>
<br />
<div id="radiosetPURPOSE3">
<input type="checkbox" id="radio5" name="tutoring" value="tutoring" ><label for="radio5" style="font-size: 13pt; width: 130px; height: 40px;">Tutoring</label>
</div>
<br /><br /><br /><br />
<div id="btnCheckin" style="display:none">
<button id="btnCheckinBtn" style="font-size: 18pt; width: 175px; height: 75px;">Check In</button>
</div>
</form>
答案 0 :(得分:0)
似乎我误读了您的问题,并且您希望在选中任何复选框时启用该按钮。
这将查看是否在名称为form
的{{1}}内勾选了任何复选框。
purpose
答案 1 :(得分:0)
如果我正确地阅读了你的要求,你需要检查是否有任何复选框被检查以显示按钮,如果未选中ALL,请隐藏它吗?
这可以在单击或键盘操作上发生,因此您需要检查更改事件。将它包装在一个文档就绪处理程序中,包含jQuery,然后就可以了。
$('input:checkbox').change(function () {
if ($('input[type=checkbox]:checked').length > 0) {
$('#btnCheckin').show();
} else {
$('#btnCheckin').hide();
}
});
以下是标记的小提琴:http://jsfiddle.net/GGdtw/
答案 2 :(得分:-1)
单击该复选框后,检查是否已选中或取消选中该复选框,并根据该复选框启用或禁用该按钮。 (使用jQuery)
<script>
$(document).ready(function() {
$("#checkbox").click(function() {
if (("#checkbox").is(":checked")) {
//button show (.show())
else {
//disable the button (.hide())
}
});
});
</script>
另外,摆脱按钮样式中的"display: none;"
。
答案 3 :(得分:-1)
您还可以使用jQuery&#39; .toggle()&#39;: