如何在文本框上单击打开模态弹出窗口

Question

我想在我的复选框被选中并且用户点击文本框时打开modelpopup。但是如何找到此复选框

为此我写道，

<script type="text/javascript" language="javascript">
  $(function() {
    $("#x").dialog({
      autoOpen: false,
      height: 200,
      width: 500,
      modal: true
    });
    $("#y").click(function() {
      $("#x").dialog("open");
      return false;
    });
  });
</script>

其中x-＆gt; id应该在弹出窗口中打开 y-＆gt; textbox id

Answer 1

您可以在其id属性中找到您的复选框，然后使用:checked选择器确定是否已选中该复选框：

$(function() {
    $("#x").dialog({
        autoOpen: false,
        height: 200,
        width: 500,
        modal: true
    });
    $("#y").click(function() {
        if ($("#yourCheckBoxId").is(":checked")) {
            $("#x").dialog("open");
        }
    });
});