сделать ввод текста скрытым и показывать с помощью радио кнопки - PullRequest
Новая
       21

сделать ввод текста скрытым и показывать с помощью радио кнопки

0 голосов
/ 19 января 2020

Я пытаюсь сделать переключатель с двумя опциями, то есть опцией A и опцией B. У меня есть 2 ввода текста (A и B) и какой-то другой ввод текста, который всегда должен быть там.

Option A радиокнопки должен заставить пропустить ввод текста (A) и показать другой ввод текста (B). Вариант B должен сделать это наоборот. (пропустить ввод текста (B) и показать другой ввод текста (A))

Я не знаю, как сделать эти 2 ввода текста. буду признателен за помощь. 

<form class="user" id="RegisterForm" action="" method="post">

 <? print("USER ROLE : ") ?>
  <input type="radio" name="user_role"  <?php if (isset($user_role) && $user_role=="A") echo "checked";?> value="A">A
  <input type="radio" name="user_role" <?php if (isset($user_role) && $user_role=="B") echo "checked";?> value="B">B

  //REST OF the code defines some text inputs that are always should show.

  <?php if ($fullname_req != "-1") { ?>
      <div class="form-group">
          <input type="text" class="form-control form-control-user" id="displayname" name="fullname" placeholder="<?php _e('Display name', 'user-panel-pro') ?>">
      </div>
  <?php } ?>
  <?php if ($firstname_req != "-1") { ?>
  <div class="form-group row">
      <?php if ($firstname_req != "-1" or $lastname_req != "-1") { ?>
      <div class="col-sm-6 mb-3 mb-sm-0">
          <input type="text" class="form-control form-control-user" id="First-Name" name="firstname" placeholder="<?php _e('first name', 'user-panel-pro') ?>">
      </div>
      <?php } ?>
      <?php if ($lastname_req != "-1") { ?>
      <div class="col-sm-6">
          <input type="text" class="form-control form-control-user" id="Last-Name" name="lastname" placeholder="<?php _e('last name', 'user-panel-pro') ?>">
      </div>
      <?php } ?>
  </div>
  <?php } ?>
  <?php if ($username_req != "-1") { ?>
  <div class="form-group">
      <input type="text" class="form-control form-control-user" id="User-Name" name="username" placeholder="<?php _e('Username', 'user-panel-pro') ?>">
  </div>
  <?php } ?>
  <?php if ($email_req != "-1") { ?>
  <div class="form-group">
      <input type="email" class="form-control form-control-user" id="Email" name="email" placeholder="<?php _e('Email', 'user-panel-pro') ?>">
  </div> 
  <?php } ?>

1 Ответ

0 голосов
/ 20 января 2020

Я не могу понять ваш код, поэтому просто даю небольшую демонстрацию 

<div class="radioBtns">
  <label for='rbtnLoginTypeMobile'><input checked type="radio" id="rbtnLoginTypeMobile" name="rbtnLoginType" value='1' onclick="showLogin(1)"/><span>Mobile</span></label>
  <label for='rbtnLoginTypeEmail'><input type="radio" id="rbtnLoginTypeEmail" name="rbtnLoginType" value='0' onclick="showLogin(0)" /><span>Email</span></label>
</div>

<div class="mobilelogin">Your Mobile Div</div>
<div class="emaillogin">Your Email Div</div>

<script type="text/javascript">
    function showLogin(val)
    {
    if(val==1)
    {
      $('.emaillogin').css('display','none');
      $('.mobilelogin').css('display','');
    }
    else
    {
      $('.mobilelogin').css('display','none');
      $('.emaillogin').css('display','');
    }
  }
</script>
...