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

时间:2010-06-01 06:03:51

标签: javascript

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

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

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:6)

首先,勾选ids复选框,例如:

<input type="checkbox" id="birth" />
<input type="checkbox" id="year" />

<强>使用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>

答案 2 :(得分:3)

如果您使用的是jquery而不是

$(document).ready( function a()
{
   if (  $('#birth').is(':checked'))
    {
       $('#year').attr('checked', false);
    }
});