2013-03-06 6 views
1

есть этот набор переключателейвыбора радиокнопки авто при выборе радиокнопки из другого набора

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

+0

Ответ Аруна верный, но чтобы все было проще, быстрее и надежнее, вы должны называть каждое поле ввода по-разному. Это облегчит выбор. – Zemljoradnik

ответ

4

Проверить это

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

+0

спасибо много arun .. может случиться, что при выборе другого из rdnumber выбирает другой из rdnumberpages (который вы уже сделали), а также отключает другие переключатели rdnumberpages и разрешает их, когда другое из rdnumber не выбрано или 100, 200 , и т. д. выбрано из rdnumber? – aks

+0

@aks проверить обновление –

+0

thumbs up fr u и все максимальные точки, которые я могу дать u, я дал .. thanx много .. :) – aks

1

здесь вы идете: http://jsfiddle.net/k4Y4z/5/

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

запомнить поставить «id» для «другого» переключателя, см. fiddle =] – user1900121

1

Попробуйте с этим:

$('input:radio[value="other"]').change(function() { 
    $.each($('[value="other"]'), function() { 
    $(this).prop('checked', true); 
    }); 
}); 
Смежные вопросы