jQuery單選按鈕if語句

如何根據單選按鈕選擇做一個簡單的if語句？jQuery單選按鈕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>

來源

2014-02-17 Francesca

可能重複http://stackoverflow.com/questions/596351/how-can-i-get- which-radio-is-selected-via-jquery） – Barmar

試試這個

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

DEMO

來源

2014-02-17 20:31:35

你不應該在'if'中包含所有的東西。 – Barmar

似乎沒有工作：http://jsfiddle.net/8pEp2/7/ – Francesca

檢查此jsfiddle我有一個更新：http://jsfiddle.net/8pEp2/8/ @Francesca –

東西像這樣 -

<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選擇哪種廣播？（

來源

2014-02-17 20:34:23

似乎無法得到這個工作？ http://jsfiddle.net/8pEp2/10/ – Francesca

@Francesca看到這個演示' - >'http://jsfiddle.net/WT2uc/ ------你的小提琴更新' - >'http：/ /jsfiddle.net/8pEp2/12/ –

jQuery單選按鈕if語句

回答

相關問題