Javascript 选中复选框时如何显示/隐藏下拉列表_Javascript_Codeigniter_Checkbox

Javascript 选中复选框时如何显示/隐藏下拉列表

javascript codeigniter checkbox

Javascript 选中复选框时如何显示/隐藏下拉列表,javascript,codeigniter,checkbox,Javascript,Codeigniter,Checkbox,我需要使用JavaScript，但我是新手。我主要使用php。选中复选框时（选择注册中的明确角色）-取决于您选择的角色，是否显示两个下拉列表。如果你选择了学生，我不想被显示这两个下拉列表-学校和班级，如果你选择了老师-被显示。我使用的是Codeigniter。这是我的观点：函数showHide（self，show）{ 如果（显示） $（'.toggle'）.show（）；其他的 $（'.toggle'）.hide（）； $（“：checkbox”）.prop（'checked'，fal

我需要使用JavaScript，但我是新手。我主要使用php。选中复选框时（选择注册中的明确角色）-取决于您选择的角色，是否显示两个下拉列表。如果你选择了学生，我不想被显示这两个下拉列表-学校和班级，如果你选择了老师-被显示。我使用的是Codeigniter。这是我的观点：



函数showHide（self，show）{
如果（显示）
$（'.toggle'）.show（）；
其他的
$（'.toggle'）.hide（）；
$（“：checkbox”）.prop（'checked'，false）；
$（self）.prop（'checked'，true）；
}
如果您将显示生成的html，那么可以更容易地帮助您。最有可能的问题可以解决只使用CSS:-）它看起来是这样的：谢谢！它工作得很好！我不得不写更多的代码，这对我很有帮助！
<html>
<head>

   <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script type="text/javascript">
    function showHide(self, show){
        if (show)
            $('.toggle').show();
        else
            $('.toggle').hide();
        $(":checkbox").prop('checked',false);
        $(self).prop('checked',true);
    }
    </script>   
</head>
<?php
   echo "<body>";
  echo validation_errors();
  echo "<div class='container'>";
  echo form_open();

  echo "<h3>Register</h3><br/>";  
  echo "<table border = '0' >";
  echo "<tr><td>  Username:* </td><td>";
  $data=array(
    'name' => 'username',
    'class' => form_error('username') ? 'error' : ''
  );
  echo form_input($data);
  echo "</td></tr>";
  echo "<tr><td> Password:* </td><td>";
  $data=array(
    'name' => 'password',
    'class' => form_error('password') ? 'error' : ''
  );
  echo form_password($data);
  echo "</td></tr>";

  echo "<tr><td>  Choose role:*  </td><td>";

  echo form_checkbox('role_id[]', '1', FALSE, 'onClick="showHide(this, false)"');
  echo " Student ";
  echo form_checkbox('role_id[]', '2', FALSE, 'onClick="showHide(this, true)"');
  echo " Teacher";
  echo "</td></tr>";


  echo "<tr class='toggle' style='display:none;'><td>  School:*  </td><td>";
  $options=array(
    'pmg' => 'Harvard',
    'eg' => 'Cambridge',
    'class' => form_error('school[]') ? 'error' : ''
  );
  echo form_dropdown('school[]',$options);
  echo "</td></tr>";
  echo "<tr class='toggle' style='display:none;'><td>  Class:*  </td><td>";
  $options=array(
    '8' => '8',
    '9' => '9',
    'class' => form_error('class[]') ? 'error' : ''
  );
  echo form_dropdown('class[]',$options);
  echo "</td></tr>";

  echo "</table><br/>";
  $data=array(
    'class' => 'btn btn-success ',
    'value' => 'Register'
  );
  echo form_submit($data);
  echo "</form>";
  echo "</div>";
  echo "</body>";
  echo "</html>";