[英]auto selection of a radio button on selection of radio button from another set
there is this set of radio buttons 有这套单选按钮
<div class="wrapper"> <strong> Number of images:</strong>
<div class="formText">
<input type="radio" name="rdNumber" value="100" />100
<input type="radio" name="rdNumber" value="200" />200
<input type="radio" name="rdNumber" value="300" />300
<input type="radio" name="rdNumber" value="400" />400
<input type="radio" name="rdNumber" value="500" />500
<input type="radio" name="rdNumber" value="600" />600
<input type="radio" name="rdNumber" value="1000" checked="checked"
/>1000
<input type="radio" name="rdNumber" value="1200" />1200
<input type="radio" name="rdNumber" value="1500" />1500
<input type="radio" name="rdNumber" value="1600" />1600
<input type="radio" name="rdNumber" value="other" />other
</div>
</div>
And there is this set of radio buttons 还有这套单选按钮
<div class="wrapper"> <strong><span>*</span> Number of additional pages:</strong>
<div class="formText">
<input type="radio" name="rdNumberPages" value="0" />0
<input type="radio" name="rdNumberPages" value="1" />1
<input type="radio" name="rdNumberPages" value="2" />2
<input type="radio" name="rdNumberPages" value="3" />3
<input type="radio" name="rdNumberPages" value="4" checked="checked"
/>4
<input type="radio" name="rdNumberPages" value="5" />5
<input type="radio" name="rdNumberPages" value="6" />6
<input type="radio" name="rdNumberPages" value="7" />7
<input type="radio" name="rdNumberPages" value="8" />8
<input type="radio" name="rdNumberPages" value="9" />9
<input type="radio" name="rdNumberPages" value="10" />10
<input type="radio" name="rdNumberPages" value="other" />other
</div>
</div>
how can I make it in jquery that on selection of "other" from rdNumber automatically selects "other" radio button of "rdNumberPages"? 我怎样才能在jQuery中从rdNumber中选择“其他”时自动选择“ rdNumberPages”的“其他”单选按钮? here is the fiddle http://jsfiddle.net/k4Y4z/ 这是小提琴http://jsfiddle.net/k4Y4z/
Check this 检查一下
var rdNumberPages = $('input:radio[name="rdNumberPages"]');
var rdNumbers= $('input:radio[name="rdNumber"]');
rdNumbers.change(function(e){
var $target = $(e.target);
if($target.is(':checked')){
if($target.is('[value="other"]')){
rdNumberPages.not('[value="other"]').prop('disabled', true);
rdNumberPages.filter('[value="other"]').prop('checked', true);
} else {
rdNumberPages.not('[value="other"]').prop('disabled', false);
}
}
});
here you go: http://jsfiddle.net/k4Y4z/5/ 您可以在这里: http : //jsfiddle.net/k4Y4z/5/
$('#other1').click(function() {
if($('#other1').is(':checked')) { $('#other2').attr('checked', 'checked'); }
});
Try with this one: 试试这个:
$('input:radio[value="other"]').change(function () {
$.each($('[value="other"]'), function () {
$(this).prop('checked', true);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.