1

この質問のタイトルがおそらく不適切であることをお詫びします-私はより良いものを思いつくのに苦労しました!

私は、より幅広いアプリケーションの一部として単純な「やること」リストに取り組んでおり、限られた jQuery/Javascript の知識でつまずきました。

このページには、各「タスク」の横に 1 つずつ、多数のチェックボックスがあります。私がする必要があるのは、チェックボックスがオンまたはオフになるたびに「get」イベントを起動することです（「get」はステータスを保存するバックエンドスクリプトを起動します-つまり、チェックすると「完了」として保存されますが、チェックを外すと「保留中」として保存します）。

ユーザーがチェックボックスを操作したときにアラートを発生させ、チェックボックスの値（タスクの単純なID）を表示するアラートを取得しましたが、行き詰まっていますこれらすべてをまとめて .get をトリガーする方法

これが私がこれまでに持っているものです...

<script>
$(document).ready(function(){
$(":checkbox").change(function(){
    if($(this).attr("checked"))
    {
        alert($(this).is(':checked'))
    }
    else
    {
        alert($(this).val());
    }
});
});
</script>

<input type="checkbox" value="#itemID#">

ポインタは大歓迎です！

4

2 に答える 2

4

次のように AJAX リクエストを実行できます。

$(":checkbox").change(function(){
     var data= { 
         id: this.value,
         status : this.checked ? 'done' :'pending'
     } ;
    $.get( 'serverFile.php', data, function(response){
         /* ajax is complete here, can do something with response if needed*/
     })

});

サーバーでは、フィールド名idを含むフォームと同じようにデータを受け取ります。status

于 2013-01-02T23:38:29.963 に答える
1

あなたは基本的にそれを持っています.jQuerys $.get()を使うだけです

<script>
$(document).ready(function(){
    $(":checkbox").change(function() {
        $.get('/url/to/response', { id: this.value, is_checked: this.checked });
    });
});
</script>

<input type="checkbox" value="#itemID#">
于 2013-01-02T23:37:08.293 に答える