简体   繁体   English

从另一组中选择单选按钮时自动选择单选按钮

[英]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);
        }
    }
});

Demo: Fiddle 演示: 小提琴

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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM