将所选无线电的值与jQuery进行比较

Question

我可以使用jQuery获取所选单选按钮的值。问题是当我试图将该字符串与另一个字符串进行比较时。它根本不起作用，我没有收到任何控制台错误。

以下是按钮：

<input type="radio" name="contact-type" id="contact-type-1" value="contact_us" checked="checked" class="radioContact">
<label for="contact-type-1"> Contact Us</label><br>

<input type="radio" name="contact-type" id="contact-type-2" value="book_appt" class="radioContact">
<label for="contact-type-2"> Book an Appointment</label><br>

这里是jQuery：

$('.radioContact').click( function () {
    if( $( this ).val() == "book_apt" ){
        $( '.bottom-form' ).show();
    } else {
        $( '.bottom-form' ).hide();
    }
});

它始终返回false并且只隐藏div，从不显示它。有什么想法会发生什么？

Answer 1

建议：

1. 在广播中使用change事件而不是Main
2. 要使用:checked选择器
获取所选的无线电值
3. 使用toggle()切换元素

代码：

click