我有几个数组复选框,1个提交按钮和1个下拉菜单,当检查1个或许多复选框时,如何禁用/启用此提交按钮和下拉菜单。当此提交按钮被禁用并且用户单击它时,会出现对话框告诉未选中复选框
像这样的东西:http: //jsfiddle.net/frantic912/3YbZu/
setButton(buttonGroup) {
var retArr = new Array();
if (buttonGroup[0]) {
for (var i = 0; i < buttonGroup.length; i++) {
if (buttonGroup[i].checked) {
document.frm_search.send.disabled = true;
alert('Please check the first checkbox!');
}
}
}
}
<form method="post" name="frm_search">
<table>
<tr>
<td align="center">
<input type="checkbox" name="appr[]" id="appr" value="<?php echo $row['userID']; ?>" onclick="setButton(this);"/>
</td>
</tr>
<tr>
<td>bla bla bla</td>
</tr>
<tr>
<td>
<select name="slct_appr" id="slct_appr" >
<option value="1">-- Please Choose --</option>
<option value="2">Approve</option>
<option value="3">None</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input name="submit" class="submit" id="send" type="submit" value="send" />
<input name="txt_action" type="hidden" id="txt_action" value="frm_add_submit" />
</td>
</tr>
</table>
</form>