[英]How to make form generated when choosing radio button using codeigniter
Hi everyone i want to asking how to make a form generated when i choose the option using checkbox or radio button. 大家好,我想问一下如何使用复选框或单选按钮选择选项时生成表单。 the form will appear when i choose the option button(manager) and if i choose the option(admin) the form will not appear. 当我选择选项按钮(经理)时,该表格将出现;如果我选择选项(管理员),则该表格将不会出现。 can someone give the sample code with javascript or can share the link so i can refer to. 有人可以用javascript提供示例代码,还是可以共享链接,以便我参考。 for example what i try to do is, i have a form which is user need to fill up 例如我想做的是,我有一个用户需要填写的表格
when user choose as a manager the form will automatically appear and ask for fill more form like 当用户选择作为经理时,表格将自动出现并要求填写更多表格,例如
Thanks. 谢谢。
Try this 尝试这个
$("#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>
Load jquery into header file 将jQuery加载到头文件中
<script src="<?php echo base_url().'assets/js/jqueryui-1.10.3.min.js' ?>" type="text/javascript"></script>
form 形成
<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 function 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();
}
});
});
Here what i found and i test it, everything go smooth. 在这里,我发现并进行了测试,一切顺利。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.