單選按鈕+複選框組合

我的目標是擁有一對單選按鈕，每一對單選按鈕都插入到博客文章的div中。 I.E.每個帖子可以被喜歡（在）/不喜歡（關閉）。複選標記隨後用作所有喜歡/不喜歡的帖子的通用切換。下面的代碼僅僅是一個原型，但我想添加第二個複選框，使用戶可以隱藏所有喜歡的內容，隱藏所有不喜歡的內容，隱藏兩者（查看哪些內容尚未確定）或沒有。單選按鈕+複選框組合

在下面的代碼中，我無法使複選框獨立於單選按鈕工作。實際上，選中該框會將單選按鈕切換爲開。我希望單選按鈕保持在用戶想要的位置，並且在選中該框時，只有IF電臺處於開啓狀態，纔會顯示隱藏的信息。如果收音機處於關閉狀態，則選中該框將不會產生任何結果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-NZ"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Unhide on checkboxes/radio buttons</title> 
<script type="text/javascript"> 
function toggleLayer(val) 
{ 
    if(val == 'on' || val === true) 
    { 
     document.getElementById('a1').checked = true; 
     document.getElementById('layer1').style.display = 'block'; 
    } 
    else if(val == 'off' || val === false) 
    { 
     document.getElementById('a2').checked = true; 
     document.getElementById('layer1').style.display = 'none'; 
    } 
} 
</script> 
</head> 
<body> 
<form action="" method="post"> 
    <fieldset> 
     <legend>Unhide Layer Form</legend> 
     <ul> 
      <li><label for="a1">On</label> <input id="a1" name="switcher" type="radio" value="off" checked="checked" onclick="toggleLayer(this.checked);" /> <label for="a2">Off</label> <input id="a2" name="switcher" type="radio" value="off" onclick="toggleLayer(!this.checked);" /></li> 
      <li><label for="b1">Check Me:</label> <input id="b1" name="b1" type="checkbox" value="off" checked="checked" onclick="toggleLayer(this.checked);" /></li> 
     </ul> 
    </fieldset> 
</form> 
<div id="layer1">You can now see this.</div> 
</body> 
</html>

因此，有人可以幫我修改這個代碼：

添加第二個複選框
擁有的第一個複選框隱藏所有div地方電臺是在
有第二個複選框隱藏收音機關閉的所有div
讓收音機選擇記住它們的位置，當用戶返回時，他的設置將被調用。

來源

2011-08-25 Sweepster

有問題嗎？ –

這歸結爲'plz gimme the codez'。顯示你對這4點的嘗試，我們會盡力爲你解決它們。但否則，不... –

我不知道如何「我不知道如何」=「給我請」。不要提出毫無意義的評論，你可以簡單地給我一個像stefano一樣的建議，通過指向我jQuery。 – Sweepster

-1

首先，您應該知道強烈建議使用框架。例如。看看jQuery。例如：您可以開始用$（char）替換「document.getElementById」。這可以讓你專注於解決問題，而不是如何去做（關鍵字，瀏覽器支持等）。

來源

2011-08-25 19:35:41 stefano

此外，我會看到我能做些什麼來真正幫助show hide問題 – stefano

這是一條評論。沒有答案 – mplungjan

單選按鈕+複選框組合

回答

相關問題