Question

如何根据单选按钮选择执行简单的if语句？

因此，如果显示单选按钮英寸，则显示div.inchesUser（使用.show）与厘米相反。

这就是我想要的功能：

$('div.inchesUser').show(200);

这是我的单选按钮代码：

<form id="unitChooser">
    <label>Inches or centimetres?</label>
    <input class="unitSelectInches" type="radio" name="units" value="inches" />Inches
    <input class="unitSelectCenti" checked="checked" type="radio" name="units" value="cms" />Centimetres
</form>

Answer 1

试试这个

$("input:radio[name=units]").click(function() {
    var value = $(this).val();
    if(value == 'inches')
        $('div.centimetreUser').show(200);
});

DEMO

Answer 2

像这样 -

<form id="unitChooser">
    <label>Inches or centimetres?</label>
    <input class="unitSelectInches" data-class='inchesUser' type="radio" name="units" value="inches" />Inches
    <input class="unitSelectCenti" data-class='centimetresUser' checked="checked" type="radio" name="units" value="cms" />Centimetres
</form>

$('input:radio[name=units]').on('change', function () {
    $('div.centimetreUser, div.inchesUser').hide();
    $('div.' + $(this).data('class')).show(200);
});

演示---> http://jsfiddle.net/WT2uc/

jQuery单选按钮if语句

2 个答案: