0

チェックボックスの値とリンクのURLクエリ文字列を含むクエリ文字列を取得するように、チェックボックスを選択して次のページのリンクをクリックすると、ジョブの詳細のリストと各ジョブのチェックボックスを含むテーブルがあります

<input type="checkbox" class="checkJobToSend" name="checkJOb" value="<TMPL_VAR NAME=job_id>"
    <input type="checkbox" class="checkJobToSend" name="checkJOb" value="<TMPL_VAR NAME=job_id>"
    <input type="checkbox" class="checkJobToSend" name="checkJOb" value="<TMPL_VAR NAME=job_id>"
    <input type="checkbox" class="checkJobToSend" name="checkJOb" value="<TMPL_VAR NAME=job_id>"
    <input type="checkbox" class="checkJobToSend" name="checkJOb" value="<TMPL_VAR NAME=job_id>"


    <a href ='index.cgi?reqpage=$prev_page&job_category_id=$jobCategory' class='paginateAdmin' id='govtPaginate'>prevPage</a>


    function getJobsChecked(){ 
            var arr = [];
            var i= 0;
            $('.checkJobToSend:checked').each(function(){
                 arr[i++] = $(this).val();
            });   

            return arr;

      }

          $(document).ready(function() {

        $(document).on('click','.paginateAdmin',
            function(e){
              e.preventDefault();      
             var arr = getJobsChecked();

              var post = $(this).attr("href");
              var array = post.split('?');
          var id=$(this).attr('id');




    $.post(
        'job.cgi',
        array[1],
        function(data,status){

           switch(id)
            {
                case "nonItPaginate":

                     $('#nonit').html(data);

                    break;
                case "ItPaginate":

                         $('#it').html(data);
                        break;
                case "govtPaginate":

                     $('#govt').html(data);
                    break;
            default:

    }    

        }
    );

    });
     });

配列[1]と次のようなチェックボックス値のarrを使用してqueryStringを形成するにはどうすればよいですか

reqpage=2&job_category_id=2&checkJob=1&checkJob=2&checkJob=3
4

2 に答える 2

0

同じ名前の複数のパラメーターを持つことはできません。 を持つパラメーターは 1 つだけcheckJobです。したがって、代わりにこれを行うことができます：

reqpage=2&job_category_id=2&checkJob=1,2,3

これは次のように達成できます：

// get checked values
var checked = $('input[type="checkbox"].checkJobToSend:checked');    
var checkedValues = [];
checked.each(function(i) {

    // add checked values to our temporary list
     checkedValues.push(checked[i].value);        
});

// create query param
var queryParam = 'reqpage=2&job_category_id=2&checkJob=' + checkedValues.join(',');

実際の例を参照してください: http://jsfiddle.net/amyamy86/GsSqc/

サーバー側のコードでは、解釈する必要がありますcheckJob=1,2,3。

// in PHP
$jobs = explode(",", $_GET["checkJob"]);
echo $jobs[0];    // outputs value: 1
echo $jobs[1];    // outputs value: 2
echo $jobs[2];    // outputs value: 3

使用されている次の関数について詳しく読むことができます。

于 2013-03-29T16:42:16.507 に答える
0

これにより、クエリ文字列が作成され、ハッシュに追加されます (ハッシュ部分は jsFiddle では機能しません。少なくとも、URL で変更されていることはわかりません)。

Javascript :

function getJobsChecked(){ 
            var arr = [];
            var i= 0;
            $('.checkJobToSend:checked').each(function(){
                 arr[i++] = $(this).val();
            });   
      return arr;
      }

$("#btn").on("click",function(){
    var arr = getJobsChecked();
    var qString = "reqpage=2&job_category_id=2";
    for(var i = 0; i<arr.length;i++)
    {
        qString+="&checkJob=" + arr[i];
    }
    location.hash=qString;
});

HTML :

<input type="checkbox" class="checkJobToSend" name="checkJOb" value="1" />1
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="4" />2
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="7" />3
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="12" />4
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="5" />5
<input type="button" id="btn" value="Do It" />

jsFiddle : http://jsfiddle.net/Zxhzq/

于 2013-03-29T16:45:38.213 に答える