Question

嗨，任何人都可以向我解释如何对单选按钮执行 jquery cloning 操作。我有两个单选按钮，如可选，强制默认可选一个被检查。在jquery克隆两个单选按钮正在创建，但默认情况下一个（可选）不检查。默认情况下，一个克隆操作检查请帮助我提前谢谢。

在jsp：

<tr>
  <td>
      <label class="control-label" for="typeahead">Transport Approval<span style="color: red">*</span></label>
  </td>
</tr>
<input type="hidden" value="transportcombo" name="approval"/>     
<input type="hidden" value="transportbtn" name="checkapproval"/>  
<tr>
   <td></td>
  <td>
    <select name="transportcombo" id="transportcombo" onchange="validatecombo('transportcombo',this);">
      <option value="-1">Select</option>
      <%
        for (EmployeeEntity elem : list) {
      %>
        <option value="<%= elem.getEmployeeid()%>"><%= elem.getFirstname()%></option> 
      <%
        }
      %>
    </select>
  </td>
  <td>
    <input type="radio"  checked="" value="Optional" name="transportbtn1"/>Optional                                        
    <input type="radio" value="Compulsory" name="transportbtn1"/>compulsory
  </td>         
  <td></td>
</tr>
<tr >
  <td></td>
  <td></td>
  <td></td>
  <td >
    <button type="button"  value="2" id="transportbtn" class="btn-primary"  onclick="insertCombo('transportbtn','transportcombo')">Add New</button> </td>
</tr>

Js文件中的

function insertCombo(id,comboid){     
    radioid= $("#"+id).val();  
    var remve = '<td><button type="button" id="btn" name='+id+' class="transclass" class="btn btn-info" >x</button></td>';
    var checkbox='<td><input type="radio"  value="Optional" id='+id+radioid+' name='+id+radioid+' checked="checked">  Optional  <input type="radio" id='+id+radioid+' value="Compulsory" name='+id+radioid+'>  compulsory</td>';
    $('#'+id).closest('tr').prev('tr').clone(true).insertAfter($('#'+id).closest('tr').prev('tr')).find('td:last-child').remove();
    $('#'+id).closest('tr').prev('tr').find('td:last-child').remove();
    $('#'+id).closest('tr').prev('tr').append(checkbox).attr(id+radioid,"checked").append(remve); 
    var innerid=0;

    $('select[name^='+comboid+']').each(function () {       
        this.id=++innerid;
    });  
    $('input[name^='+id+radioid+']').each( function () {
    $('input[name="' +id+radioid+ '"]').prop('checked',true);
    });    
    document.getElementById(id).value=++radioid;
}

Jquery Cloning for Radio Boxes

0 个答案: