下拉选择更改时取消选中复选框 - 不起作用

时间:2014-03-10 21:05:10

标签: javascript html

在MVC网站中,如果下拉列表更改了值,如何取消选中复选框?我不确定MVC的行为是否与传统的asp.Net应用程序不同,但我编写的内容不起作用。

在default.aspx中我有一个JavaScript函数:

function UncheckFooBox() {
   var isChecked = document.getElementById("cbxFoo").checked;
        if (isChecked)
            document.getElementById("cbxFoo").checked = true;

然后

<input type="checkbox" name="cbxFoo" runat="server" 
     checked="checked" id="cbxFoo" />Foo

然后在所有这些下面我有下拉列表

<select Name="FooChecker" onchange="UncheckFooBox()" >
    <option value="1" >Yes</option>
    <option value="2" >No</option>
    <option value="0"> </option>
</select>

所以结果应该是,如果我改变了FooChecker的选择,检查了cbxFoo,它将在客户端取消选中它,此时还不能回发帖子。 - 谢谢!

请注意,jQuery目前不是一个真正的选择。 (我知道,我应该学习它......)

1 个答案:

答案 0 :(得分:1)

试试这个:

function UncheckFooBox() {
     var elem = document.getElementById("cbxFoo");
     var isChecked = elem.getAttribute('checked');
    if(isChecked) 
        elem.removeAttribute('checked');
    }