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，它也会使用jQuery - 它可以节省你一些时间并且很容易做到这种功能。

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

1 个答案: