Question

我有一张带有四个单选按钮的桌子。

                     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/

Answer 1

不知道为什么要使用单选按钮而不是常规按钮，但这里有一个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>

最有可能采用更好的方法，例如迭代删除子元素，这样如果它是表单的一部分就不会POST，但是这允许你隐藏和取消隐藏一个包含元素的元素，在这种情况下是ID =＆＃39;两个＆＃39;。
的DIV

一个单选按钮，使用javascript更新其他四个

1 个答案: