更改複選框的可見性

我希望我的網頁上的按鈕切換我的兩個複選框的可見性。更改複選框的可見性

我該如何去實現這樣的功能？

<html> 
<head> 
<script language=javascript> 
function validate(chk){ 
    if (chk.style.visibility == 'visible') 
    chk.style.visibility = 'hidden'; 
    else 
    chk.style.visibility = 'visible'; 
} 
</script> 
</head> 
<body> 
<form><span id=t style.visibility="visible" > 
<input type=checkbox name=chk1>Please Check Me</span> 
<input type=checkbox name=chk1>Please Check Me</span> 
<p><input type=button value="check" onclick="return validate(t);"> 
</form> 
</body> 
</html>

來源

2010-02-25 nisnis84

將JavaScript代碼和CSS保留在HTML之外是一種很好的做法。

<span id="t"> 
    <input type="text" /> 
    <input type="text" /> 
</span> 
<button id="toggler">Toggle</button>

對於JavaScript代碼，我們通過它們的ID查找這兩個元素。然後，我們將一些邏輯附加到按鈕本身的onclick方法中。該邏輯檢查span元素上display樣式的當前值。如果它是可見的，我們將其隱藏起來。如果它隱藏了，我們會顯示它。

document.getElementById("toggler").onclick = function(){ 
    var s = document.getElementById("t"); 
    (s.style.display == "none") ? s.style.display = "" : s.style.display = "none"; 
};

在線演示：http://jsbin.com/iyiki/2/edit

來源

2010-02-25 17:51:14 Sampson

你不給任何對象的功能。快速解決方法是：

return validate(document.getElementById('t'));

此外，此HTML錯誤。它應該是：

<span id="t" style="visibility:visible" >

來源

2010-02-25 17:51:37 marcgg

更改複選框的可見性

回答

相關問題