1

我正在使用这个iphone 风格的复选框。默认情况下选中所有复选框。如果未选中，则会显示一个模式，其中包含一个表单和所有内容。当我关闭此模式时，我希望再次启用该复选框。

这是当复选框更改为 false 时显示模式的 JS：

$(window).load(function() {
  var onchange_checkbox = $('.on_off :checkbox').iphoneStyle({
    checkedLabel: 'Confirm',
    uncheckedLabel: 'Edit',
    onChange: function(elem, value) {
        if($(elem)[0].checked==false){
            $('.modal').show();
            $("body").append('<div class="modalOverlay">');
        }
    }
  });
});

这是复选框表：

%{for(int i=0;i<confirmAtt.size ();i=i+9){}%
<tr>
<td>${confirmAtt.get(i)}</td>
<td>${confirmAtt.get(i+1)}</td>
<td>${confirmAtt.get(i+2)}</td>
<td>${confirmAtt.get(i+3)}</td>
<td>${confirmAtt.get(i+4)}</td>
<td>${confirmAtt.get(i+5)}</td>
<td>${confirmAtt.get(i+6)}</td>
<td>${confirmAtt.get(i+7)}</td>
<td>${confirmAtt.get(i+8)}</td>
<td class="modalInput on_off"><input type="checkbox" id="on_off_${i}"
    checked="checked" /></td>
</tr>
%{}}%

带有关闭按钮的模式：

    <div class="modal" id="aModal">
        <p>
            <button class="close" onclick="foo();">Close</button>
        </p>
    </div>

调用此函数：

function foo(){
    $('.modal').hide();
    $('.modalOverlay').remove();
    onchange_checkbox.prop('checked', !onchange_checkbox.is(':checked')).iphoneStyle("refresh");
    //tried changing this line to
    //$('.on_off').attr("checked" , true);
    //doesn't work
}
4

1 回答 1

2

如果您只想将复选框设置回选中状态，可以使用以下代码：

$(window).load(function() {

      var onchange_checkbox = ($('.on_off :checkbox')).iphoneStyle();


      onchange_checkbox.prop('checked', !onchange_checkbox.is(':checked'))
      .iphoneStyle("refresh");


});

http://jsbin.com/urocug/1/

更新

抱歉，我现在看到您尝试在代码中实现此功能。问题是您在$(window).load(function() {尝试访问范围之外的相同变量时将复选框声明为变量$(window).load(function() {

理想情况下，您需要做的是将您的foo(){}功能移动到您的$(window).load(function() {：

于 2012-08-17T07:21:45.233 回答