0

データテーブルのセットアップと、チェックボックスをオン/オフスイッチに変えるプラグインであるブートストラップ選択があります。スイッチが切り替えられると、ID である入力の名前を取得しようとしています。

これは私のコードであり、アラートが未定義であるスイッチをクリックしたときのライブjsfiddleです。警告する入力名 (123) を取得するにはどうすればよいですか? ブーストラップ プラグインの詳細については、 http: //www.bootstrap-switch.org/ をご覧ください。

ありがとう

testdata = [{
    "id": "<input name\"123\" id=\"create-switch\" type=\"checkbox\">",
    "country_code": "UK",
    "title": "Legal Director",
    "pubdate": "2012-03-08 00:00:00",
    "url": "http://..."
}, {
    "id": "59",
    "country_code": "UK",
    "title": "Solutions Architect,",
    "pubdate": "2012-02-23 00:00:00",
    "url": "http://..."
}];

$('#test').dataTable({
    "aaData": testdata,
        "aoColumns": [{
        "mDataProp": "id"
    }, {
        "mDataProp": "country_code"
    }, {
        "mDataProp": "title"
    }, {
        "mDataProp": "pubdate"
    }, {
        "mDataProp": "url"
    }],
        "fnCreatedRow": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        $('#create-switch', nRow).wrap('<div class="make-switch switch-mini" />').parent().bootstrapSwitch();
    },
        "fnInitComplete": function () {
        alert("init");
        $('.make-switch').on('switch-change', function (e) {
            var postid = $('.make-switch input').attr('name');
            alert(postid);
        });
    }
});
4

1 に答える 1

2

試す

testdata = [{
    "id": "<input name=\"123\" id=\"create-switch\" type=\"checkbox\">",
        "country_code": "UK",
        "title": "Legal Director",
        "pubdate": "2012-03-08 00:00:00",
        "url": "http://..."
}, {
    "id": "59",
        "country_code": "UK",
        "title": "Solutions Architect,",
        "pubdate": "2012-02-23 00:00:00",
        "url": "http://..."
}];

$('#test').dataTable({
    "aaData": testdata,
        "aoColumns": [{
        "mDataProp": "id"
    }, {
        "mDataProp": "country_code"
    }, {
        "mDataProp": "title"
    }, {
        "mDataProp": "pubdate"
    }, {
        "mDataProp": "url"
    }],
        "fnCreatedRow": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        $('#create-switch', nRow).wrap('<div class="make-switch switch-mini" />').parent().bootstrapSwitch();
    },
        "fnInitComplete": function () {}
});

$('#test').on('switch-change', '.make-switch', function (e) {
    var postid = $(this).find('input').attr('name');
    console.log(postid);
});

デモ:フィドル

于 2013-08-28T07:10:31.647 に答える