Как изменить значение переключателя, зависит от того, установлен ли другой переключатель

Question

Как изменить значение переключателя, зависит от того, установлен ли другой переключатель

0

Мне нужно иметь такую функциональность, как на выбранных полях в покере, каждый из которых - мужчина и женщина.

Зависит от переключателя мужских переключателей, проверьте тип тела в другом наборе определенных значений в переключателе.

Как и у мужского поля, женская область также имеет определенное значение типа тела в переключателе.

Как получить зависящие поля радиокнопки, когда полевой переключатель поля поля проверяется

user2451266 16 апр. 2014, в 07:14

Источник

0

Пожалуйста, предоставьте jsfiddle, чтобы другие пользователи могли помочь вам
vdua 16 апр. 2014, в 05:07
0

Вы имели в виду, что хотите показать разные радио-кнопки в зависимости от выбора радио-кнопки пола? например, если мы выберем "Мужской", он должен отобразить A и B, а если мы выберем женский, то X и Y ... так ли это?
Deepak Sharma 16 апр. 2014, в 05:13

Теги:

javascript

jquery

html

3 ответа

Ещё вопросы

Пожалуйста, предоставьте jsfiddle, чтобы другие пользователи могли помочь вам
Вы имели в виду, что хотите показать разные радио-кнопки в зависимости от выбора радио-кнопки пола? например, если мы выберем "Мужской", он должен отобразить A и B, а если мы выберем женский, то X и Y ... так ли это?

Sridhar R · Answer 1 · 2014-04-16T02-28-00.000Z

Попробуй это

HTML

<label>Male</label>
<input type="checkbox" id="male_c" class="gender">
<label>Female</label>
<input type="checkbox" name="female_c" class="gender">
<div id="boy">
    <label>Male Fiels</label>
    <input type="checkbox" name="itemselect" class="example" />
</div>
<div id="girl">
    <label>Girl Fields</label>
    <input type="checkbox" name="itemselect" class="example" />
</div>

скрипт

$('.gender').on('click', function () {
    if ($(this).is(':checked')) {
        if ($(this).prev().text() == 'Male') {
            $(this).siblings().prop('checked', false)
            $('#boy').show();
            $('#girl').hide();
        } else {
            $(this).siblings().prop('checked', false)
            $('#girl').show();
            $('#boy').hide();
        }
    } else {
        $('#boy,#girl').hide();
    }
});

DEMO

lampdev · Answer 2 · 2014-04-16T03-17-00.000Z

Вероятно, использование должно использовать функцию show и hide jQuery

Сначала вам нужно сделать все зависимые переключатели невидимыми, тогда, если кнопка "Мужская радио" проверена, отобразите содержимое мужского тела

Поддержание divs для каждого контента для мужчин и женщин

Kiranramchandran · Answer 3 · 2014-04-16T03-09-00.000Z

Попробуй это

HTML

Gender : <input type="radio" value="Male" name="gender" /> Male  <input type="radio" value="Female" name="gender" /> Female
<br/>
Body Type :
<div id="male">
 <input type="radio" value="MaleBT" name="genderBT"  />Male Body Type 

<input type="radio" value="MaleBT1" name="genderBT"  />Male Body Type 
</div>
<div id="female">
    <input type="radio" value="FemaleBT" name="genderBT" /> Female Body Type 
 <input type="radio" value="FemaleBT" name="genderBT" /> Female Body Type 
</div>

JS

$(function(){

$('input[name=gender]').click(function(e){
    if(this.value=="Male"){
        $('#female').hide();
          $('#male').show();
    }
    else {
         $('#male').hide();
         $('#female').show();
    }
});
  $('#female').hide();
  $('#male').hide();
});

ДЕМО ЗДЕСЬ