選擇特定的單選按鈕時，在多個div上更改類

Question

大家好，我遇到了一個JavaScript問題，似乎無法在網絡上找到具體的解決方案。 我想要做的是選擇一個單選按鈕，並將＃home-right的類更改為.rackmount或.shipping，然后將.displaynone的類添加到我不需要的尺寸類型中如圖所示。

<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>

Answer 1

在單選按鈕上使用onClick處理程序即可完成操作。 例：

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

如果還沒有的話，也可以使用jQuery-這將節省您一些時間，並且很容易實現這種功能。