Question

我目前有一张表格，如下所示。为简单起见，表单缩写为我正在使用的复选框。我想要发生的是用户可选择单击其中一个。根据单击哪一个，应禁用另一个。我注意到用户“dinah”之前发布了一个类似的问题，并且提供了这个js小提琴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>

Answer 1

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

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

并再次启用它，

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

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

祝你好运！

需要有关禁用复选框的帮助

1 个答案: