2 одинаковых checkbox

317

08 сентября 2017, 23:33

<div class="rs_inp act">
                    <span class="rs_radio" data-tabname="1" data-opt="1">
                        <label>
                            <span class="radio checked">
                                <input type="radio" checked="" name="orgform" value="1">
                            </span>
                            <span class="rs_radio_text">Физ.лицо</span>
                        </label>
                    </span>
                    <span class="rs_radio" data-tabname="1" data-opt="2">
                        <label>
                            <span class="radio">
                                <input type="radio" name="orgform" value="2">
                            </span>
                            <span class="rs_radio_text">Юр.лицо</span>
                        </label>
                    </span>
                </div>

Есть 2 чекбокса с одинаковыми параметрами, как с помощь. jquery выполнить проверку : если первый чекбокс активен то выводим оределенный блок Div ??

Answer 1

Т.к. value у радио-кнопок разные, то можно в событии change проверять именно value и, соответственно, в зависимости от него скрывать или отображать нужный вам блок:

$('input[name="orgform"]').on('change', function() { 
  if ($(this).val() == '1') { 
    $('.obj').show(); 
  } else { 
    $('.obj').hide(); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="rs_inp act"> 
  <span class="rs_radio" data-tabname="1" data-opt="1"> 
    <label> 
      <span class="radio checked"> 
        <input type="radio" checked="" name="orgform" value="1"> 
      </span> 
  <span class="rs_radio_text">Физ.лицо</span> 
  </label> 
  </span> 
  <span class="rs_radio" data-tabname="1" data-opt="2"> 
    <label> 
      <span class="radio"> 
        <input type="radio" name="orgform" value="2"> 
      </span> 
  <span class="rs_radio_text">Юр.лицо</span> 
  </label> 
  </span> 
</div> 
 
<div class="obj"> 
  Блок для физ лиц 
</div>