0

チェックボックスのすべての値をチェックした後に取得し、それらを非表示の入力に配置するように、この単純なすべてのコードを変更するにはどうすればよいですか。各値はコンマで区切って、phpで値を展開できるようにする必要があります。チェックボックスはテーブル行内にあります

//checks all and unchecks all checkboxes based on checkbox in first row of the table.
 $('th input:checkbox').click(function(e) {
    var table = $(e.target).parents('table:first');
    $('td input:checkbox', table).attr('checked', e.target.checked);

 });
4

4 に答える 4

0

あなたはこのようにそれを行うことができます：

$('th input:checkbox').click(function(e) {

   var currentChecked = $('#hiddenInput').val(); 

   if($(this).is(':checked'){
        $('#hiddenInput').val(currentChecked  + ',' + $(this).val());
   }

   //deleting the unchecked checkbox from the list
   else{
       var newValue = currentChecked .replace("," + $(this).val(), "");
   }

});

実例： http： //jsfiddle.net/mR85S/

于 2013-03-26T14:43:18.403 に答える
0

この投稿のようにjQueryを試して、非表示の入力を入力し、既存のコンテンツを保持することができます。

function Populate(){
    vals = $('input[type="checkbox"]:checked').map(function() {
        return this.value;
    }).get().join(',');
    console.log(vals);
    $('#tags').val(vals);
}

$('input[type="checkbox"]').on('change', function() {
    Populate()
}).change();

とjsFiddle

于 2013-03-26T14:45:38.853 に答える
0

あなたのコードはすでにこれらすべてのチェックボックスをチェックするように機能していると思います。基本的に、チェックしたすべてのチェックボックスの値のみを取得する必要があります。

//checks all and unchecks all checkboxes based on checkbox in first row of the table.
 $('th input:checkbox').click(function(e) {
    var table = $(e.target).parents('table:first');
    var checkboxes = $('td input:checkbox', table).attr('checked', e.target.checked);
    var values = '';
    if(e.target.checked) {
       for(var i=0; i<checkboxes.length; i++) {
          values += $(checkboxes[i]).val() + ','; // the val method cant retrieve all the values of a set
       }
       values = values.substr(0, values.length - 1);
    }

    //place values in your hidden input

 });

それでうまくいくはずです。

于 2013-03-26T14:46:12.947 に答える
0

これは役に立ちますか？

$('th input:checkbox').click(function (e) {
    var table = $(e.target).parents('table:first');
    var vals = [];
    $('td input:checkbox', table).each(function(){
        $(this).attr('checked', e.target.checked);
        vals.push($(this).attr('checked') ? $(this).val() : '');
    });
    $('#hidden').val(vals.join());
});
于 2013-03-26T15:30:52.850 に答える