我可以将bootstrapToggle与http.get结合使用吗?

时间:2017-05-16 08:02:47

标签: android jquery

我想在android中进行一些切换,我使用bootstrapToggle,我不知道如何与http.get结合。我尝试在我的html

中使用这样的切换

$(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">

1 个答案:

答案 0 :(得分:2)

Bootstrap Toggle库公开了底层复选框的常见change事件,您可以在切换更改时挂钩。试试这个:

$(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!');
      }
    });
  });
})