自动选择设置

有这组单选按钮自动选择设置

<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自动选择“其他”单选按钮“rdNumberPages”？这里是小提琴http://jsfiddle.net/k4Y4z/

来源

2013-03-06 aks

Arun的答案是正确的，但为了使事情变得更简单，更快，更可靠，您应该对每个输入字段命名不同。这会让他们更容易选择。 – Zemljoradnik 2013-03-06 08:47:52

入住这

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

演示：Fiddle

来源

2013-03-06 08:35:58

非常感谢arun ..可以发生的事情是，从rdnumber中选择其他人从rdnumberpages（你已经完成）中选择另一个，并且它禁用rdnumberpages的其他单选按钮，并且当其他rdnumber被取消选择或者100,200等从rdnumber选择？ – aks 2013-03-06 08:41:30

@aks检查更新 – 2013-03-06 08:49:21

竖起大拇指fr fr和所有最高点我可以给你，我给.. thanx很多.. :) – aks 2013-03-06 08:53:26

在这里你去：http://jsfiddle.net/k4Y4z/5/

$('#other1').click(function() { 
    if($('#other1').is(':checked')) { $('#other2').attr('checked', 'checked'); } 
});

来源

2013-03-06 08:44:21 user1900121

记得把“其他”单选按钮的“ID”，请参阅小提琴=] – user1900121 2013-03-06 08:50:40

试着用这一个：

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

来源

2013-03-06 08:48:06 Jai

自动选择设置

回答

相关问题