2014-10-31 32 views
-3

我有一個帶有四個單選按鈕的表格。使用javascript更新四個其他單選按鈕

     Off On Off On 
          | (0)(0) Visibility part 1 
(Global Visibility) (0)(0) | (0)(0) Visibility part 2 
          | (0)(0) Visibility part 3 
          | (0)(0) Visibility part 4 

我想這樣做,當你點擊關閉和全局可見性,它會更新其他部分。

我該怎麼做呢?

這是一個JS小提琴鏈接! http://jsfiddle.net/2admbx90/1/

+2

你應該發佈HTML和你到目前爲止的JavaScript。 – jeroen 2014-10-31 22:29:48

+0

你嘗試了什麼?你會想要使用JavaScript。如果你還想在後端存儲數據,你將使用AJAX,它可以發送數據到PHP並從PHP接收數據,你最終可能會使用MySQL。 – PHPglue 2014-10-31 22:31:39

回答

0

不知道爲什麼你會使用單選按鈕而不是常規按鈕,但這裏是一個JSfiddle,它可以做你想做的事。您將需要加載jQuery以便於編碼,然後在包含子選擇器的元素上使用.toggle()函數。 http://jsfiddle.net/qa7gr5r7/
JS

function hideChildren() { 
    $('#two').toggle(); 
} 

HTML

<div id="one"> 
    <input type='button' value="Toggle" name="button" onclick="hideChildren();"></input> 
</div> 
<div id="two"> 
    <input type='radio' name="children" value="1">1</input> 
    <input type='radio' name="children" value="2">2</input> 
    <input type='radio' name="children" value="3">3</input> 
    <input type='radio' name="children" value="4">4</input> 
</div> 

有最有可能的,這樣做就像反覆刪除的子元素,所以如果這是他們沒有貼的更好的方法這是一個表單的一部分,但是這允許你隱藏和取消隱藏一個包含元素,在這種情況下是一個id ='2'的DIV。

相關問題