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

这是一套单选按钮

<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>

<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>

还有这套单选按钮

<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>

<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>

如何在jquery中使从rdNumber中选择other时自动选择rdnumberpage的other单选按钮？ 这是小提琴检查一下

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);
        }
    }
});

演示：

检查此项

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);
        }
    }
});

演示：

给你：

给你：

试试这个：

$('input:radio[value="other"]').change(function () {
  $.each($('[value="other"]'), function () {
    $(this).prop('checked', true);
  });
});

试试这个：

$('input:radio[value="other"]').change(function () {
  $.each($('[value="other"]'), function () {
    $(this).prop('checked', true);
  });
});

---

多谢你，阿伦。。是否会发生这样的情况：在从rdnumber中选择“其他”时，会从rdnumberpage中选择您已经完成的“其他”，并且会禁用rdnumberpage中的其他单选按钮，并在取消选择rdnumber中的“其他”或从rdnumber中选择100、200等时启用这些按钮？竖起大拇指，竖起fr u和所有我能给u的最大分数，I give。。thanx很多为了在网页上运行它，我必须将其设置为$document.readyfunction{？？？@aks是的，您需要，或者使用快捷的$function{…}非常感谢arun..在选择other from rNumber时，会不会发生这样的情况：从rNumber中选择other时，您已经选择了rNumber页面中的other，并且它会禁用rNumber页面的其他单选按钮，并在rNumber中取消选择other of rNumber或选择100、200等时启用这些按钮？竖起大拇指，看u和我能给u的所有最大分数，我给了。。thanx很多..：为了在网页上运行它，我必须使它成为$document.readyfunction{？？？@aks是的，你需要，或者是快捷的$function{…}Arun的答案是正确的，但是为了使事情更容易、更快和更可靠，你应该对每个输入字段进行不同的命名。这将使它们更容易选择。Arun的答案是正确的，但是为了使事情更容易、更快和更可靠，你应该对每个输入字段进行不同的命名。这将使它们更容易选择。记住将id f或其他单选按钮，请参阅fiddle=]记住输入其他单选按钮的id，请参阅fiddle=]