复选框onclick事件jquery不起作用

Question

我有一个网站上有一些动态框。 每隔15秒，我的javascript就会触发一些ajax请求，然后在页面上输出json答复，效果很好。 我的问题是我的复选框切换问题。

我有on change事件连接到一个php页面，该页面将检查该值以及是否将其1更改为0以及是否将0更改为1（这可控制复选框的选中值）。

我的问题是，当我在另一个窗口上对其进行更改时……它将在15秒后更新并移至我将其更改为的状态……但这将触发onchange事件，并出现一个循环。

我需要使用onClick事件仅在手动单击时更改，而在脚本自动更改时不更改。

我如何执行此操作，因为onClick无法正常工作：/

<script type="text/javascript" charset="utf-8">
$(window).load(function() {
  $('.on_off :checkbox').iphoneStyle();
  $('.disabled :checkbox').iphoneStyle();
  $('.css_sized_container :checkbox').iphoneStyle({ 
     resizeContainer: false, 
     resizeHandle: false 
    });
  $('.long_tiny :checkbox').iphoneStyle({ 
     checkedLabel: 'Very Long Text',
     uncheckedLabel: 'Tiny' 
    });

  var onchange_checkbox = ($('.onchange :checkbox')).iphoneStyle({
    onClick: function(elem, value) { 
     Update();
    }
  });


function Update(){
  $( "#result" ).load( "change.php");
}
</script>

Answer 1

发布的脚本似乎有几个问题。 你能帮忙看看吗？

<script charset="utf-8" type="text/javascript">

    $(window).load(function() {

        $('.on_off:checkbox').iphoneStyle();
        $('.disabled:checkbox').iphoneStyle();
        $('.css_sized_container:checkbox').iphoneStyle({ 
            resizeContainer: false, 
            resizeHandle: false 
        });
        $('.long_tiny:checkbox').iphoneStyle({ 
            checkedLabel: 'Very Long Text',
            uncheckedLabel: 'Tiny' 
        });

        var onchange_checkbox = ($('.onchange:checkbox')).iphoneStyle({
            onClick: function(elem, value) { 
                Update();
            }
        });

    });

    function Update(){
        $("#result").load("change.php");
    }

</script>

Answer 2

尝试捕获父项上的click事件-

var onchange_checkbox = ($('.onchange :checkbox')).iphoneStyle();
onchange_checkbox.parent()[0].click(function(e){Update();});