在選擇特定的單選按鈕時更改多個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的類

回答

相關問題