在禁用复选框方面需要帮助答案

【问题标题】：Need assistance with disabling checkboxes在禁用复选框方面需要帮助
【发布时间】：2013-08-05 13:41:22
【问题描述】：

我目前有一个表格，如下所示。为简单起见，表单被压缩为我正在使用的复选框。我想要发生的是用户可以选择单击一个或另一个。根据单击哪一个，应禁用另一个。我注意到用户“dinah”之前发布了一个类似的问题，并且提供了这个 js fiddle http://jsfiddle.net/A5TGf/19/ 。但是，由于某种原因，当我应用我的表单 ID 并切换黑名单名称时，它无法与我的代码一起使用。有什么建议么？谢谢

HTML/PHP

<form name="insertTicket" id="insertTicket" action="index.php" method="POST" >
<div id="ticket_hidden" style="text-align: center; clear:both;">
<div id="visible_div" style="float: left;">
<input type="checkbox" name="escalated" id ="escalated" value="Yes" onclick="doInput(this);" tabindex="18">Escalate
</div>
<div id="hidden_div" style="float: left; display:none;">
<?php
$dept = $_SESSION['dept_id'];
$get_email = mysql_query("Select email_name, dept_id, copy_user from emails where escalated = 'yes'");
while(($email = mysql_fetch_assoc($get_email)))
{
$department = explode(",", $email['dept_id']);
if(in_array($dept, $department, TRUE))
{
    echo '
    <input type="checkbox" name="escalated_to[]" id="escalated_to[]" value="'.$email['email_name'].'" />'.$email['email_name'].'
    ';
    if($email['copy_user'] == 'YES')
    {
        echo '
        <input type="text" name="emails[]" style="width: 175px; height: 20px;" placeholder="To:">
        ';
    }
}           
} 
?>
</div>
<div id="visible_divX" style="float: left;">
<input type="checkbox" name="email" id="email" value="Yes" onclick="doInputs(this);" tabindex="20">Send Email&nbsp;&nbsp;&nbsp;</div></td></tr>
<div id="hidden_divX" style="float: left; display:none; ">
<?php
$dept = $_SESSION['dept_id'];
$get_email = mysql_query("Select email_name, dept_id, copy_user from emails where escalated != 'yes'");
while(($email = mysql_fetch_assoc($get_email)))
{
$department = explode(",", $email['dept_id']);
if(in_array($dept, $department, TRUE))
{
    echo '
    <input type="checkbox" name="emailed_to[]" id="emailed_to[]" value="'.$email['email_name'].'" />'.$email['email_name'].'
    ';
    if($email['copy_user'] == 'YES')
    {
        echo '
        <input type="text" name="emails[]" style="width: 175px; height: 20px;" placeholder="To:">
        ';
    }
}
}

?>
</div>
</form>

【问题讨论】：

我目前正在使用 JS 来隐藏/显示另外两个 div 字段。不确定这是否是导致问题的原因。
你在使用 jQuery 吗？实际处理显示/隐藏部分的 JS 代码在哪里？
我认为通过 jQuery 来做会容易得多。看到这个和类似的答案：stackoverflow.com/questions/4935819/…

标签： php html checkbox

【解决方案1】：

如果您需要通过 Javascript 禁用复选框，您只需要一行：

document.getElementById("foo").setAttribute("disabled","disabled")

并再次启用它，

document.getElementById("foo").removeAttribute("disabled")

我认为你不需要使用 jQuery 来完成这样的任务......

祝你好运！

【讨论】：