Question

我有两个要验证的复选框。验证复选框后，应隐藏我的一个html <div>。无论如何都要这样做。

这是我的复选框。

<div class="checbox">
   <input type="checkbox" name="vehicle" value="member">Member<br>
   <input type="checkbox" name="vehicle" value="company">Company 
</div>

Answer 1

你可以尝试这样......

<div class="test" id="test">Kamal</div>
               <div class="checbox">
   <input type="checkbox" name="vehicle" id="vehicle1" value="member">Member<br>
   <input type="checkbox" name="vehicle" id="vehicle2" value="company">Company 
   <input type="button" id="btnSave" name="btnSave" value="Save" onclick="setClick()" />
</div>

<Script>
function setClick(){
if(document.getElementById('vehicle1').checked)
    {   
    document.getElementById('test').style.display = 'none'
    }

else
{

    document.getElementById('test').style.display = 'block'
}
}
</script>

验证html复选框

1 个答案: