javascript - how to generate the below html dynamically and how to populate the corresponding calculated fields on change -
below html want generate automatically based on number of rows return jqgrid. , want calculate values of other input box on change of other. please see jsfiddle link have tried
<div class="col-2"> <div class="filters padd10"> <div class="formitem" style="border-right:1px solid #4b4b4b; width:29%;"> <label>new allocated amount</label> <span class="formlist"><input type="text" value=""></span> <span class="formlist"><input type="text" value=""></span> <span class="formlist"><input type="text" value=""></span> <span class="formlist"><input type="text" value=""></span> <br> <span class="fright mr30">$0</span> </div> <div class="formitem" style="width:43%; border-right:1px solid #4b4b4b;"> <label>new allocated amount</label> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span> <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span> <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span> <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span> <input type="text" value="" style="width:30px">%</span> <span class="fright" style="margin-right:100px;">$0</span> </div> <div class="formitem" style="width:12%; margin-right:0px"> <label> <input type="checkbox" value="">freeze</label> <span class="formlist mtop5"><input type="checkbox" value=""></span> <span class="formlist mtop5"><input type="checkbox" value=""></span> <span class="formlist mtop5"><input type="checkbox" value=""></span> <span class=""><input type="checkbox" value=""></span> </div> </div> </div>
please see http://jsfiddle.net/blackeyes123/dd9kf/
Comments
Post a Comment