Question

我正在尝试检查天气，选中或取消选中复选框。这是我的代码：

<script type="text/javascript">
function EnableDisableToolTip() {
    if (document.forms[0].help_text.checked) {
        alert("Checked");
    }
    else if (!document.forms[0].help_text.checked) {
    alert("Unchecked");
    }        
}
</script>


<div id="tooltiponoff">
<form action="">
@Html.CheckBox("help_text", true, new { id = "help_text", onclick = "EnableDisableToolTip()" })Hjælpetekst
</form>
</div>

只有在我点击它时才会提醒未选中

提前致谢

Answer 1

尝试

< script type="text/javascript" >
function EnableDisableToolTip(Control) {
    if (Control.checked) {
        alert("Checked");
    }
    else {
    alert("Unchecked");
    }        
}
< /script >


< div id="tooltiponoff" >
< form action="" >
@Html.CheckBox("help_text", true, new { id = "help_text", onclick = "EnableDisableToolTip(this)" })Hjælpetekst
< /form >
< /div >

Answer 2

这似乎对我有用 - 请参阅this fiddle。请注意，事件侦听器是通过Javascript添加的，而不是使用内联onclick语法。

Answer 3

确保使用控制台或警告document.forms [0] .help_text正确引用该对象。这很可能不是正确的参考。

alert(document.forms[0].help_text);

Answer 4

您的代码非常好，但不是很好。例如，当许多人在1次取消后单击复选框时，复选框将重新开始。我的英语非常糟糕，我无法解释但是：你检查了许多复选框，然后落入if语句。然后取消一个，这是其他声明。被检查的人倒下了。你的代码是这样开发的：

            var count = 0;
            function Tik(Control) {
                if (Control.checked) {
                    count++;
                }
                else {
                    count--;
                }
                if (count > 0) {
                    document.getElementById("btnMessageDel").disabled = false;
                }
                else {
                    document.getElementById("btnMessageDel").disabled = true;
                }
            }

<input type="submit" id="btnMessageDel" name="btnMessageDel" class="btn btn-primary" value="Delete" form="messagesform" disabled />
<input type="checkbox" value="@MessageId" name="chkMessage" id="chkMessage" onclick="Tik(this)" />

如何检查是否使用javascript选中或取消选中复选框？

4 个答案: