Question

我使用复选框组将值填充到数据表中。您选中该框，表格中会显示一个值。但是，我无法获得多个复选框来保持其“已检查”的值，并且不会在表中显示多个值。下面是我的复选框代码。谢谢你的帮助

<script type="text/javascript">
    // - jQuery SHOW/HIDE functions
    $(document).ready(function() {
        $('#showJobtitles :checkbox').live('click', function() {
            var checkboxVal = $('#showJobtitles :checkbox:checked').val();
            $('.jobTitleCol_' + checkboxVal).toggle();
            $('.jobTitleTD_' + checkboxVal).toggle();
            //$( "p" ).toggle( "slow" );
            //alert(checkboxVal);
            //return this.filter('#showJobtitles, #jobTitleCol_'+checkboxVal+':checkbox').attr("checked", true);
            //$('#showJobtitles :checkbox:checked',true).val();
            //$('.jobTitleTD').toggle();
            return false;
        });
    });
</script>

Answer 1

首先使用 on

$(document).ready(function() {
        $('#showJobtitles').on('click',':checkbox', function() {
  // see from here---------------------------------------------------
  var chkval=[];
  var checkboxVal = $('#showJobtitles :checkbox:checked').find( 
            function(){
            chkval.push($(this).val());
           });

alert(chkval.join(","));
 //------------------------------------------------ 

  $('.jobTitleCol_' + checkboxVal).toggle();
            $('.jobTitleTD_' + checkboxVal).toggle();
            //$( "p" ).toggle( "slow" );
            //alert(checkboxVal);
            //return this.filter('#showJobtitles, #jobTitleCol_'+checkboxVal+':checkbox').attr("checked", true);
            //$('#showJobtitles :checkbox:checked',true).val();
            //$('.jobTitleTD').toggle();
            return false;
        });
    });

多个复选框不会保留已选中的值

1 个答案: