使用codeigniter选择单选按钮时如何生成表单答案

【问题标题】：How to make form generated when choosing radio button using codeigniter使用codeigniter选择单选按钮时如何生成表单
【发布时间】：2017-08-17 13:37:06
【问题描述】：

大家好，我想问一下当我使用复选框或单选按钮选择选项时如何生成表单。当我选择选项按钮（经理）时，表单将出现，如果我选择选项（管理员），表单将不会出现。有人可以用javascript给出示例代码，或者可以分享链接，以便我参考。例如，我尝试做的是，我有一个用户需要填写的表格

全名
地址
用户类型（单选按钮）
- 管理员
- 经理

当用户选择作为经理时，表格将自动出现并要求填写更多表格，例如

位置存储
你有多少员工
商店名称

谢谢。

【问题讨论】：

到目前为止你有没有尝试过？
是的，我尝试进行一些研究，我得到的解决方案是正确使用 javascript。但我没有得到任何可以参考和学习的样本。可能是我的搜索关键字错误..
toggle element with radio button
在单选按钮选择时调用 javascript 函数。检查所选值是否为经理。如果是，请显示表格。
@Endless 谢谢兄弟，我明白了！！有帮助

标签： javascript php forms codeigniter

【解决方案1】：

试试这个

 $("#usertype").hide();
 $('#chkuser').change(function () {
                                repeatCheck('chkuser');
                            });


function repeatCheck(valCheck) {
                            if ($('#' + valCheck).is(':checked') === true) {
                                $("#usertype").show();
                            } else {
                                $("#usertype").hide();
                            }
                            ;
                        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Usertype<input type="checkbox" name="chkuser"  id="chkuser">

<div id="usertype" class="form-group" >
                                                           

                                                            <div class="col-md-9">

                                                                <input type="checkbox">manager</input>
                                                                <input type="checkbox" >admin</input>
                                                                                         
                                                                


                                                            </div>
                                                        </div>

【讨论】：

【解决方案2】：

将jquery加载到头文件中

<script src="<?php echo base_url().'assets/js/jqueryui-1.10.3.min.js' ?>" type="text/javascript"></script>

表格

 <div class="form-group" id="input_fields">
    <label for="user_type" class="col-sm-3 control-label">User Type</label>
    <div class="col-sm-6">
    <select id="test" name="user_type"  class="form-control">
    <option value="partner">Administrator</option>
    <option value="referral">Referral</option><option 
    <option value="Admin">User</option>
    </select>
    </div>
</div>

jquery函数

<script type="text/javascript">
    $(document).ready(function() {
     $("#test").change( function(){
     if($("#test").val() == "referral" )
    {
    $("#input_fields").append('<div class="form-group" id = "toggle"><div  class="form-group">'+
    '<label for="percentage" class="col-sm-3 control-label">Percentage</label>'+
    '<div class="col-sm-6">'+
    '<input type="text" name="percentage" id="percentage" class="form-control" placeholder=" Referral commission ">'+
    '<span class="text-danger"><?php echo form_error('percentage'); ?></span>'+
    '</div>'+
    '<div class="col-sm-3"><p class="help-block">Percentage in %</p></div>'+
    '</div>'+
    '<div class="form-group" id = "toggle" >'+
    '<label for="bank_name" class="col-sm-3 control-label">Bank Name</label>'+
    '<div class="col-sm-6">'+
    '<select  name="user_type"  class="form-control">'+
    '<option value="Malayan Banking Berhad">Malayan Banking Berhad</option>'+
    '<option value="CIMB Bank Berhad">CIMB Bank Berhad</option>'+
    '<option value="Public Bank Berhad">Public Bank Berhad</option>'+
    '<option value="RHB Bank Berhad">RHB Bank Berhad</option>'+
    '<option value="Hong Leong Bank Berhad">Hong Leong Bank Berhad</option>'+
    '<option value="AmBank (M) Berhad">AmBank (M) Berhad</option>'+
    '<option value="Alliance Bank Malaysia Berhad">Alliance Bank Malaysia Berhad</option>'+
    '<option value="Bank Rakyat">Bank Rakyat</option>'+
    '<option value="OCBC Bank (Malaysia)">OCBC Bank (Malaysia)</option>'+
    '<option value="HSBC Bank Malaysia">HSBC Bank Malaysia</option>'+

    '</select>'+

    '</div>'+

    '</div>'+
    '<div class="form-group" id = "toggle" >'+
    '<label for="bank_acc_info" class="col-sm-3 control-label">Bank Account Information</label>'+
    '<div class="col-sm-6">'+
    '<input type="text" name="bank_acc_info" id="bank_acc_info" class="form-control" placeholder="Bank Account Information">'+
                                                        '<span class="text-danger"><?php echo form_error('bank_acc_info'); ?></span>'+
    '</div>'+
    '<div class="col-sm-3"><p class="help-block">Bank Number</p></div>'+
    '</div></div>');
    }
    else
    {
    $("#toggle").remove();
    }
     });
    });

在这里我找到并测试它，一切都很顺利。

【讨论】：