jQuery的模拟点击，复选框，并调用函数

Question

我已成立了代表一个空白的PDF页面，用户可以使用单选按钮，横向或纵向的方向使用使用单选按钮和个人的动机和目标陈述选择纸张大小工作区复选框。用户选中/取消选中他们希望放置在工作区上的语句，也可以拖放它们。

当用户改变了方向，我需要简单地保存所有选中的报表项目，其中我把到一个数组。然后取消选中所有被选择添加的语句的复选框（这是有效的），并从工作区中删除所有语句（这不起作用）。然后，我需要循环访问数组以返回并检查复选框（这起作用）并调用BoardElement函数（这不起作用）来运行ajax调用。

我使用的相关代码如下，并尝试了不同帖子的许多建议。 OrientationChange函数是我用来尝试保存，移除并调用BoardElement来获取元素的。

谢谢。

HTML

  <h3>Paper Size</h3> 
      <input type="radio" name="paper_size" id="paper_size1" value="8-5x11" checked="checked" />    
      8.5&quot;x11&quot; 
      &nbsp; <input type="radio" name="paper_size" id="paper_size2" value="11x17" />    
      11&quot;x17&quot; 

     </fieldset> 

     <fieldset> 

      <h3>Orientation</h3> 
       <input type="radio" name="orientation" id="orientation1" value="l" checked="checked" /> Landscape 
       &nbsp; <input type="radio" name="orientation" id="orientation2" value="p" /> Portrait 

     </fieldset> 

     <fieldset> 

      <h3>Elements</h3> 
       <input type="checkbox" name="board_element_cb" id="board_ele_0" value="0" /> "Who Am I" Image&nbsp; 
       <input type="checkbox" name="board_element_cb" id="board_ele_1" value="1" /> "Who Am I" Text&nbsp; 
       <input type="checkbox" name="board_element_cb" id="board_ele_2" value="2" /> Mission Statement&nbsp; 
     </fieldset> 

jQuery的

$(document).ready 
(
function() 
{ 
BoardElement = function() 
{ 
    var elements_array = new Array('wai_img_', 'wai_text_', 'mission_text_', 'affirmation_text_', 'gratitude_text_', 'role_model_'); 
    if ($(this).is(':checked')) 
    { 
     var data_string = 'board_element=' + $(this).val(); 
     $.ajax 
     ({ 
      type: 'POST', 
      url: 'get_board_element_ajax.php', 
      data: data_string, 
      success: function(html) 
      { 
       $('#board_area').append(html); 
       $('.draggable_item').draggable 
       ({ 
        containment: '#board_area', 
        stack: '#board_area div' 
       }); 
      } 
     }); 
    } 
    else 
    { 
     var checked_value = $(this).val(); 
     $('.draggable_item').each 
     (
     function() 
     { 
      if (this.id.indexOf(elements_array[checked_value]) > -1) 
      { 
       $('#' + this.id).remove(); 
      } 
     }); 
    } 
} 
$('input[id^=board_ele_]').click(BoardElement); 


// save, remove and get selected board items on orientation change 
OrientationChange = function() 
{ 
    var board_ele_array = new Array(); 
    // save 
    $('input[id^=board_ele_]').each 
    (
    function (i) 
    { 
     if ($('#board_ele_' + i).is(':checked')) 
     { 
      $('#board_ele_' + i).attr('checked', false); 
      board_ele_array.push(i); 
      $('#board_ele_' + i).attr('checked', false); 
     } 
    }); 
    //for (var j = 0; j < board_ele_array.length; j++) 
    //{ 
    var j = 0; 
    function BoardEleCheckbox() 
    { 
     if (j < board_ele_array.length) 
     { 
      $('#board_ele_' + board_ele_array[j]).attr('checked', true); 
      //$('#board_ele_' + board_ele_array[j]).click(); 
      //BoardElement(); 
      $('#board_ele_' + board_ele_array[j]).click(BoardElement); 
      j++; 
      setTimeout(BoardEleCheckbox, 1000); 
     } 
    } 
    setTimeout(BoardEleCheckbox, 1000); 
    //} 
} 
$('input[name=orientation]').click(OrientationChange); 

}); 

Answer 1

你试过：

$('#board_ele_' + i).removeAttr('checked'); 
BoardElement.call($('#board_ele_' + i).get(0)); 
board_ele_array.push(i); 

然后：

$('#board_ele_' + board_ele_array[j]).attr('checked', 'checked'); 
BoardElement.call($('#board_ele_' + board_ele_array[j]).get(0)); 
j++; 
setTimeout(BoardEleCheckbox, 1000); 

一旦处理程序被分配给该元素，就可以用no-args调用调用它，因此click()。

编辑：http://jsfiddle.net/uxqWv/3/

编辑2：http://jsfiddle.net/uxqWv/7/

当你点击复选框，第一状态更改，然后将处理程序被炒鱿鱼。看起来，当你通过jQuery调用click处理程序时，这是相反的。所以处理程序认为你只是检查了按钮，并添加了另一个板元素。要解决此问题，您必须手动调用处理程序，方法是使用javascript Function对象的call方法。