2017-05-16 9 views
1

私はアンドロイドでいくつかのトグルを作りたいと思っています。私はbootstrapToggleを使いました。そして、私はhttp.getと組み合わせる方法を知らない。私は、ブートストラップトグルライブラリがトグルが変更されたときにあなたがフックできる基本的なチェックボックスの通常changeイベントを公開しbootstrapToggleとhttp.getを組み合わせることはできますか?

$(function() { 
 
    $('#toggle-two').bootstrapToggle({ 
 
    on: 'Lock', 
 
    off: 'Unlock' 
 
    }); 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="toggle-two" type="checkbox" data-toggle="toggle" data-width="100">

答えて

2

私のhtmlでこのように使用トグルを試してみてください。これを試してください:

$(function() { 
    $('#toggle-two').bootstrapToggle({ 
    on: 'Lock', 
    off: 'Unlock' 
    }).on('change', function() { 
    $.ajax({ 
     url: '/yourpage.foo', 
     data: { checked: $(this).prop('checked') }, 
     success: function() { 
     console.log('It worked!'); 
     } 
    }); 
    }); 
}) 
+0

コンソールの後には忘れていますが、これを試してください。結局それは動作します。もう一度ありがとう – Nugka

+0

ああ、私は誤って ')'を追加しました。あなたはそれが働いてうれしいよ:) –

+0

私は質問をすることができますか?あなたのコードを変更する場合は、私はそれをオフに変更したい場合は、同じコードですか? – Nugka

関連する問題