如何将复选框ID传递给模态框?

时间:2011-07-24 05:36:54

标签: jquery modal-dialog

  

可能重复:
  How to checkbox id to the modal box?

我有一张表,每行都有一个复选框和一个按钮。无论何时按下按钮,都会出现一个模态框,同时也会检查复选框。

模式框将询问用户是否要删除特定记录。如果是,表格将被提交。如果否,则取消选中该复选框。

我遇到了取消勾选复选框的问题。任何人都可以提供示例代码吗?如何将复选框ID传递给模态框,以便可以取消选中该特定复选框?

谢谢。

         var buttons3 = $("#yns button").click(function(e) { 
        // get user input
         var yes = buttons3.index(this) === 0;
         if (yes){
         $('form#form1').submit();
         return true;
         } 
        else{
         //How to get the particular Checkbox id so that it can be unchecked? 

$(this).dialog("close");

     return false;

     } 

    });

4 个答案:

答案 0 :(得分:0)

单击按钮

时获取复选框的ID
var id =     $(this).parents('td').siblings()find('.checkbox').attr('id')

取消选中复选框

$('#'+id).attr("checked", false)

了解更多细节。这可能不是确切的答案.........

答案 1 :(得分:0)

您可以将其分配给全局变量并从模型对话框取消事件进行访问。在复选框的onchange事件中,将复选框id分配给全局变量。在模型对话框的取消事件中,您可以再次访问它。

var chk;


$("INPUT[type='checkbox']").click(function(event) {
      chk=  event.target.id;
    });

答案 2 :(得分:0)

您可以通过使用带有按钮的公共根来找到该复选框,然后将该对象存储到变量中,以便可以通过对Cancel操作作出反应的代码访问该范围。我认为您可以轻松地使用Click处理程序中的闭包,但这里是使用window对象作为占位符的代码。

jQuery> 1.6 +

$('#table .button').click(function(){
    //alter this selector to find the checkbox associated with the button.
    window.my_checkbox = $("input[type='checkbox']",$(this).parent()).attr('checked','checked');

    //load modal box...

    if(cancel)
        window.my_checkbox.removeAttr('checked');
});

jQuery< 1.5

$('#table .button').click(function(){
    //alter this selector to find the checkbox associated with the button.
    window.my_checkbox = $("input[type='checkbox']",$(this).parent()).prop('checked',true);

    //load modal box...

    if(cancel)
        window.my_checkbox.prop('checked',false);
});

答案 3 :(得分:0)

                                    <tr>                                        
                                        <td><input type="checkbox" id="measure<?php echo $count;?>" name="measureid[]" value="<?php echo $items>"></td>
                                        <td><?php  echo $Name;?></td>
                                        <td>
                                            <ul id="tip" class="abuttons">
                                                <li><a class="button"><span class="edit" title="Edit"></span></a></li>
                                                <li><a rel="#yns" id="unitbtn<?php echo $count;?>" class="modalInput button"><span class="delete" title="Delete"></span></a></li>
                                            </ul>
                                        </td>
                                    </tr>