Jquery在选择时选择无线电

时间:2015-01-05 02:29:20

标签: jquery

我正试图通过jquery来检查和取消选中无线电盒。

例如;当选择值为'1'的radio ['mainfield']时 - 选择值为1的radio ['otherfield']。

然后,如果在非1的值上更改['mainfield'],则取消选中['otherfield'];

希望我所追求的是有道理的。看起来很简单,但我无法真正做到我想做的事。

我在这里尝试了一个小提琴: http://jsfiddle.net/brandrally/0zb521v4/2/

// Javascript //

$(document).ready(function(){
$('input:radio[name="mainfield"]').change(function(){

    if ($(this).val()==1) {
    $('input:radio[name="otherfield"][value=1].prop('checked', false);
    }

    if ($(this).val()==2) {
    $('input:radio[name="otherfield"][value=1].prop('checked', false);
    }

});
});

// HTML //

<div style="padding: 0 0 10px 0;">
<label><input name="mainfield" type="radio" value="1"> Apples </label>
<label><input name="mainfield" type="radio" value="2"> Oranges</label>
</div>

<div>
<label><input name="otherfield" type="radio" value="1"> Yes [ Automatically Check and Uncheck this box if name='mainfield' = 1 ] </label>
<label><input name="otherfield" type="radio" value="2"> No</label>
</div>

1 个答案:

答案 0 :(得分:0)

只是一个错误的拼写错误,阻止了这个人的工作。