在选择特定的单选按钮时更改多个div的类

嘿，大家我得到了一个JavaScript问题我似乎无法在网上找到具体的解决方案。我希望能够做的是选择一个单选按钮，并将＃home-right的类改为.rackmount或.shipping，并将.displaynone的类添加到我不想要的维的类型所示。在选择特定的单选按钮时更改多个div的类

<div id="home-right" class="rackmount"> 
      <h4 class="helvneuebcn">Case Finder</h4> 

      <div class="cta-options"> 
       <input type="radio" value="Shipping and Storage" name="" checked> Shipping and Storage<br/> 
       <input type="radio" value="Rackmount Enclosures" name=""> Rackmount Enclosures<br/> 
      </div> 

      <div class="shipping-dimensions displaynone"> 
       <div class="dimensions"><input type="text" class="size"><span class="helvneuemd">H x </span></div> 
       <div class="dimensions"><input type="text" class="size"><span class="helvneuemd">W x </span></div> 
       <div class="dimensions"><input type="text" class="size"><span class="helvneuemd">L</span></div> 
      </div> 

      <div class="rackmount-dimensions"> 
       <div class="dimensions"><input type="text" class="size"><span class="helvneuemd">U Height x </span></div> 
       <div class="dimensions"><input type="text" class="size"><span class="helvneuemd">Rack Depth</span></div> 
      </div> 

      <div class="clear"></div> 

      <input type="button" value="Submit" class="findcase"> 
</div>

来源

2010-04-08 Rob

在您的单选按钮上使用onClick处理程序来完成您的工作。例如：

<input onCLick="..." type="radio" value="Shipping and Storage" name="" checked> Shipping and Storage<br/>

而且使用jQuery，如果你是不是已经 - 它会为你节省一些时间和它很容易做到这种功能。

来源

2010-04-08 16:20:57 zaf

从我看到的onclick肯定是必要的，但我不确定的是JavaScript来实现它。我不知道任何jq插件可以做到这一点... – Rob 2010-04-08 16:54:05

使用jquery很容易选择元素和添加/删除css类。说真的，如果你从来没有去过，试试吧。真的很容易安装和玩。只要发布消息，如果你坚持某个地方。 – zaf 2010-04-08 17:32:01

在选择特定的单选按钮时更改多个div的类

回答

相关问题