Question

动态创建的表在每行中都有一个复选框。如果第一次检查是第一次检查允许只有下一个td checkbox可以检查.. 第二次上次检查复选框将自动检查并禁用..在禁用的td复选框旁边找到并允许旁边的检查。

表格

$('.medi_stps').append('<tr><td>'+i+'</td><td>'+b.steps+'</td><td class = "tim'+b.dt_id+'">'+'----'+'</td><td><input type = "checkbox"  class = "chk_val'+b.dt_id+' chk_val"  value = '+b.dt_id+'></td><td style = "display:none"><input  type = "text" disabled class = "checkboxval" name = "step_chkd[]"></td></tr>');                                           

    $(document).on('change','.chk_val',function () {
    var all_chkbxs = $('input.chk_val').length;
    var all_ckcked = $('input.chk_val:checked').length

      var index = $(this).index() + 1;
        //$(".chk_val").attr("disabled", true);  
        $(".chk_val:lt("+ index +")").attr("disabled", false);

        if($(this).is(':checked'))
        {
            var sected_stp = $(this).val();
            $(this).parent().parent().children().find('.checkboxval').val(sected_stp);
            $(this).parent().parent().children().find('.checkboxval').prop('disabled',false);
            var dest = $(this).parents('tr:eq(0)').prev().find('input[type="checkbox"]:checked').length

        }
        else
        {
            $(this).parent().parent().children().find('.checkboxval').val('');
                $(this).parent().parent().children().find('.checkboxval').prop('disabled',true);
        }

例如：需要执行4个步骤。如果必须首先检查复选框1而且必须不检查所有其他复选框。检查1复选框后我将提交。当我再次单击执行第二步时，将检查并禁用复选框。仅允许选择下一步复选框..

仅选中复选框，在动态创建的表中选中一个

0 个答案: