自動選擇設置

有這組單選按鈕自動選擇設置

<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

自動選擇設置

回答

相關問題