如果超过1个复选框被选中，如何显示隐藏按钮

我有2个按钮添加和分组。最初群组按钮被隐藏。添加按钮用于创建记录。如果超过1个复选框被选中，如何显示隐藏按钮

例如：创建5条记录时（按5次添加按钮）。现在，如果用户选择超过 checkbox，则应出现隐藏组按钮。请问任何人都可以告诉我该怎么做？

请参阅本fiddle

我使用bootstrap css和隐藏我一样

<input type="button" id="btn2" class="btn btn-lg btn-primary hide" value="Group">

更新，如果用户输入一些记录 检查框才会出现。填写表格并按下添加按钮后

来源

2013-10-30 SpringLearner

，我们在您的jsfiddle例如没有复选框？ –

@RoryMcCrossan你需要输入一些记录，然后只会出现复选框，输入姓名，电子邮件和号码，按添加按钮 – SpringLearner

超过（5？）复选框？ – Twocode

看到这个FIDDLE

$(document).on('change','#mytable input:checkbox',function() { 
    if($('#mytable input:checkbox:checked').length > 1) { 
     $('#btn2').removeClass('hide') 
    } 
    else { 
     $('#btn2').addClass('hide') 
    } 
});

来源

2013-10-30 11:33:57 Nauphal

在change事件添加一张支票的复选框。下面fiddle和示例：

$(document).on('change','#mytable input:checkbox',function() { 
    if(!this.checked) 
    { 
     key=$(this).attr('name').replace('mytr',''); 
     alert(key); 
     obj[key]=null; 
    } 

    //updated using your bootstrap class to show/hide 
    if($('#mytable input:checkbox:checked').length > 1) { 
     $('#btn2').removeClass('hide'); 
    } else { 
     $('#btn2').addClass('hide'); 
    } 

});

更新使用引导类按您的更新问题。

来源

2013-10-30 11:35:19 DAC84

这里的FIDDLE

if($('#mytable input:checkbox:checked').length > 1) 
     $('#btn2').show(); 
    else 
     $('#btn2').hide();

来源

2013-10-30 11:35:54

尝试这个

var val = 0; 
var groupTrCount = 0; 
$(document).ready(function() { 
    var obj={}; 
    $('#btn1').click(function() { 
     if ($(".span4").val() != "") { 
      $("#mytable").append('<tr id="mytr' + val + '"></tr>'); 
      $tr=$("#mytr" + val); 
      $tr.append('<td class=\"cb\"><input type=\"checkbox\" value=\"yes\" name="mytr' + val + '" unchecked ></td>'); 
      $(".span4").each(function() { 
       $tr.append("<td >" + $(this).val() + "</td>"); 
      }); 
      var arr={}; 
      name=($tr.find('td:eq(1)').text()); 
      email=($tr.find('td:eq(2)').text()); 
      mobile=($tr.find('td:eq(3)').text()); 
      arr['name']=name;arr['email']=email;arr['mobile']=mobile; 
      obj[val]=arr; 
      val++; 
     } else { 
      alert("please fill the form completely"); 
     } 
    }); 
    $(document).on('click', '#btn2',function() { 
     var creat_group = confirm("Do you want to creat a group??"); 
     if (creat_group) { 
      console.log(obj); 

      $tr.append("<td >" + groupTrCount + "</td>"); 

$("#groupsTable").append('<tr id="groupTr' + groupTrCount + '"></tr>'); 
    $tr=$("#groupTr" + groupTrCount); 
    $tr.append("<td >Group:" + groupTrCount + "</td>"); // or you can use whatever name you want in place of "Group:" 
    var userColumn = "<ul>"; 
    $('#mytable tr').filter(':has(:checkbox:checked)').each(function() { 
     var count=0; 
     $(this).find('td').each(function() { 
     if(count == 1){ 
     userColumn+= "<li>" + $(this).html() + "</li>" ; 
     } 
     count++; 
    }); 
});; 
      userColumn+="<ul>"; 
      $tr.append("<td >" +userColumn+ "</td>"); 
     groupTrCount++; 
     }   
    }); 
    $(document).on('change','#mytable input:checkbox',function() { 
     var rowCount = $('#mytable tr').length; 
     if($('input:checkbox:checked').length > 1 && rowcount > 6) { 
     $('#btn2').removeClass('hide') 
    } 
    }); 
});

Updted小提琴是：http://jsfiddle.net/4GP9c/184/

来源

2013-10-30 11:36:10

让我更新了这个小提琴它的好还是不好http://jsfiddle.net/4GP9c/184/ –

在这个小提琴只有组按钮可见时，超过5个用户在桌子 –

如果超过1个复选框被选中，如何显示隐藏按钮

回答

相关问题