单选按钮帮助/克隆难度 [英] Radio button help/ clone difficulty

问题描述

我目前在编码时遇到问题。我正在复制表单中的字段，并使用新的唯一值将它们返回到表单下方。那部分我已经弄明白了。不工作的部分是单选按钮值正在擦除或不保持在表单上的值。

I am currently having trouble with my coding. I am duplicating fields in the form and returning them beneath the form with new unique values. That part I have figures out. the part that is not working is the radio button values are erasing or not staying put to its value on the form.

 <script type="text/javascript">
        $(document).ready(function() {
			var count= 0;
            $('#btnAdd').click(function() {
                var num     = $('.clonedInput').length; 
                var newNum  = new Number(num + 1);      
 
                count++;
                var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
 
                
                newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
 
                                $('#input' + num).after(newElem);
								
								 newElem.find('input,textarea').val('').attr('id', function(count, val) {
            return  + count;
			
        });;
		
 
                              $('#btnDel').attr('disabled','');
 
                           });
 
            $('#btnDel').click(function() {
                var num = $('.clonedInput').length; 
                $('#input' + num).remove();    
 
               
                $('#btnAdd').attr('disabled','');
 
                
                if (num-1 == 1)
                    $('#btnDel').attr('disabled','disabled');
            });
 
            $('#btnDel').attr('disabled','disabled');
        });
		
    </script>

<div id="main-content">
				<div id="post-41" class="post-41 page type-page status-publish hentry">
					<div class="column span-11 last" id="maincontent"> <div class="content"><h2 class="title">BroncoBucks, Commuter Meal Plan & BroncoPrint Adjustment Form</h2><div class="content-inner">

<div class='gf_browser_chrome gform_wrapper' id='gform_wrapper_22' ><form method='post' enctype='multipart/form-data' id='gform_22' action='/sub/broncobucks/'>
 <div class='gform_heading'> <h3 class='gform_title'>BroncoBucks and Commuter Meal Plan Adjustment Form</h3> <span class='gform_description'></span> </div>
 <div class='gform_body'> <ul id='gform_fields_22' class='gform_fields top_label description_below'><li id='field_22_20' class='gfield' ><label class='gfield_label' for='input_22_20_3'>Name</label><div class='ginput_complex ginput_container' id='input_22_20'><span id='input_22_20_3_container' class='ginput_left'><input type='text' name='input_20.3' id='input_22_20_3' value='' tabindex='10' /><label for='input_22_20_3'>First</label></span><span id='input_22_20_6_container' class='ginput_right'><input type='text' name='input_20.6' id='input_22_20_6' value='' tabindex='11' /><label for='input_22_20_6'>Last</label><li id='field_22_1' class='gfield gfield_contains_required' ><label class='gfield_label' for='input_22_1'>Department Name<span class='gfield_required'>*</span></label>
<div class='ginput_container'><input name='input_1' id='input_22_1' type='text' value='' class='medium' tabindex='1' /></div></li>
<li id='field_22_2' class='gfield gfield_contains_required' ><label class='gfield_label' for='input_22_2'>Department ID<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_2' id='input_22_2' type='text' value='' class='medium' tabindex='2' /></div></li>
<li id='field_22_3' class='gfield' ><label class='gfield_label' for='input_22_3'>Account Code</label><div class='ginput_container'><input name='input_3' id='input_22_3' type='text' value='' class='medium' tabindex='3' /></div></li>
<li id='field_22_4' class='gfield' ><label class='gfield_label' for='input_22_4'>Project Grant #</label><div class='ginput_container'><input name='input_4' id='input_22_4' type='text' value='' class='medium' tabindex='4' /></div></li>
<li id='field_22_16' class='gfield gfield_contains_required' ><label class='gfield_label' for='input_22_16'>Phone<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_16' id='input_22_16' type='text' value='' class='medium' tabindex='5' /></div></li>
<li id='field_22_17' class='gfield gfield_contains_required' ><label class='gfield_label' for='input_22_17'>Email<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_17' id='input_22_17' type='text' value='' class='medium' tabindex='6' /></div></li>
<li id='field_22_9' class='gfield gfield_contains_required' ><label class='gfield_label' for='input_22_9'>Total amount to be charged<span class='gfield_required'>*</span></label><div class='ginput_container'><input name='input_9' id='input_22_9' type='text' value='' class='medium' tabindex='7' /></div></li>
<li id='field_22_10' class='gfield' ><label class='gfield_label' for='input_22_10'>Food Services Location</label><div class='ginput_container'><input name='input_10' id='input_22_10' type='text' value='' class='medium' tabindex='8' /></div></li>
<li id='field_22_11' class='gfield' ><label class='gfield_label' for='input_22_11'>Comments</label><div class='ginput_container'><textarea name='input_11' id='input_22_11' class='textarea medium' tabindex='9' rows='10' cols='50'></textarea></div></li>

<form id="myForm">
    <div id="input1" style="margin-removed4px;" class="clonedInput">
        <li id='field_22_12' class='gfield' ><label class='gfield_label' for='input_22_12'>Student ID Number</label><div class='ginput_container'><input name='input_12' id='input_22_12' type='text' value='' class='medium' tabindex='12' /></div></li>
<li id='field_22_13' class='gfield' ><label class='gfield_label' for='input_22_13'>Student's Name</label><div class='ginput_container'><input name='input_13' id='input_22_13' type='text' value='' class='medium' tabindex='13' /></div></li>
<li id='field_22_14' class='gfield' ><label class='gfield_label' for='input_22_14'>Dollar Amount</label><div class='ginput_container'><input name='input_14' id='input_22_14' type='text' value='' class='medium' tabindex='14' /></div></li><li id='field_22_21' class='gfield' ><label class='gfield_label'></label><div class='ginput_container'><ul class='gfield_radio' id='input_22_21'><li class='gchoice_21_0'><input name='input_21' type='radio' value='Add' id='choice_21_0' tabindex='15' /><label for='choice_21_0'>Add</label></li><li class='gchoice_21_1'><input name='input_21' type='radio' value='Remove' id='choice_21_1' tabindex='16' /><label for='choice_21_1'>Remove</label></li></ul></div></li>
<li id='field_22_22' class='gfield' ><label class='gfield_label'>What is this purchase for?</label><div class='ginput_container'><ul class='gfield_radio' id='input_22_22'><li class='gchoice_22_0'><input name='input_22' type='radio' value='Bronco Bucks' id='choice_22_0' tabindex='17' /><label for='choice_22_0'>Bronco Bucks</label></li>
<li class='gchoice_22_1'><input name='input_22' type='radio' value='Bronco Buck 45 CAMP Dollars' id='choice_22_1' tabindex='18' /><label for='choice_22_1'>Bronco Buck 45 CAMP Dollars</label></li>
<li class='gchoice_22_2'><input name='input_22' type='radio' value='Orange Plan Commuter Meals 22' id='choice_22_2' tabindex='19' /><label for='choice_22_2'>Orange Plan Commuter Meals 22</label></li>
<li class='gchoice_22_3'><input name='input_22' type='radio' value='Blue Plan Commuter 45 Meals only' id='choice_22_3' tabindex='20' /><label for='choice_22_3'>Blue Plan Commuter 45 Meals only</label></li>
<li class='gchoice_22_4'><input name='input_22' type='radio' value='Bronco Plan 45 meals plus $75 flex' id='choice_22_4' tabindex='21' /><label for='choice_22_4'>Bronco Plan 45 meals plus $75 flex</label></li>
<li class='gchoice_22_5'><input name='input_22' type='radio' value='Try 5 Commuter Meals' id='choice_22_5' tabindex='22' /><label for='choice_22_5'>Try 5 Commuter Meals</label></li>
<li class='gchoice_22_6'><input name='input_22' type='radio' value='10- Meal Commuter Meal Plan' id='choice_22_6' tabindex='23' /><label for='choice_22_6'>10- Meal Commuter Meal Plan</label></li></ul></div></li></p>
    </div>
    </div>
    <div>
        <input type="button" id="btnAdd" value="add another student" />
        <input type="button" id="btnDel" value="remove student" />
   
</form>

推荐答案

(document).ready(function() {
\t\t\tvar count= 0;

(document).ready(function() { var count= 0;

('#btnAdd').click(function() {
var num =

('#btnAdd').click(function() { var num =

('.clonedInput').length;
var newNum = new Number(num + 1);

count++;
var newElem =

('.clonedInput').length; var newNum = new Number(num + 1); count++; var newElem =

这篇关于单选按钮帮助/克隆难度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！