4

私は JavaScript / JQuery が初めてで、これを行う方法がわかりません。各部分の小さな例が役立つかもしれません。

私が持っていると言う<div id="checkboxes"></div>

ページが読み込まれたら、JSON 配列を返す ajax 呼び出しを行います。これは私が行う方法を知っています。

オブジェクトは次のようになります。

[
  {
    name: "Item 1",
    id: "27",
    checked: "true"
  }
  ...
]

どういうわけかその JSON 応答を取得し、ID も格納するその div にいくつかのチェックボックスを挿入する必要があります。チェックボックスのテキストは「名前」です。

次に、これらのチェックボックスのいずれかがチェックされたときに関数をアタッチする方法を知る必要があります。チェックされた変更があったときに ajax 呼び出しを行うため、その時点で「id」を取得する必要があります。

JQuery でこの種のことを行う例は非常に役に立ちます。

ありがとう

4

1 に答える 1

6

パート 1 (ボックスの作成):

$.each(json, function () {
    $("#checkboxes").append($("<label>").text(this.name).prepend(
        $("<input>").attr('type', 'checkbox').val(this.id)
           .prop('checked', this.checked)
    ));
});

パート 2 (ID の動的取得):

$("#checkboxes").on('change', '[type=checkbox]', function () {
   //this is now the checkbox; this.value is the id.
});

http://jsfiddle.net/g2zaR/

于 2013-03-05T17:27:17.940 に答える