2014-06-20 98 views
-4

我有两个checboxes进行验证。一旦复选框被验证,我的一个html <div>应该被隐藏。有没有办法做到这一点。验证html复选框

这是我的复选框。

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

请发表您的权利HTML –

+3

你应该读一个Javascript教程...做一些研究第一次,很推荐 – Leo

+0

是否使用javacript,服务器代码或两者兼而有之? – Rachael

回答

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> 
+0

如果你要使用jQuery,你也可以通过值来选择输入。 –