如果通过javascript检查另一个复选框,如何自动取消选中复选框?

San*_*pan 4 javascript

我有一个复选框Birthdate,仅显示mm/dd.在它下面还有另一个名为ShowYear的复选框,它显示年份,只有选中Bithdate复选框时才会显示此复选框.

现在,如果通过javascript取消选中Birthdate复选框,我想自动取消选中ShowYear复选框.

bla*_*bla 8

<input id="cbxBirthDate" type="checkbox" onClick="javascript:uncheckShowYear(this);" />
<input id="cbxShowYear" type="checkbox" />


<script language="javascript" type="text/javascript">
function uncheckShowYear(obj)
        {
            if (obj.checked == false)
            {
                document.getElementById("cbxShowYear").checked = false;
            }
        }
</script>
Run Code Online (Sandbox Code Playgroud)


Sar*_*raz 6

首先,给你的复选框,ids例如:

<input type="checkbox" id="birth" />
<input type="checkbox" id="year" />
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

<script type="text/javascript">
 window.onload = function(){
    var birth = document.getElementById('birth');
    var year = document.getElementById('year');

    if (birth.checked == false)
    {
      year.checked = false;
    }
 }
</script>
Run Code Online (Sandbox Code Playgroud)