如何在JavaScript中使用單選按鈕顯示警報消息框

Question

<html>    
  <body>
    <button id="dialog">Show Popup</button>
  </body>
  <script type="text/javascript">
      var popUpList = $('<div><input type="radio">A<br><input type="radio">B<br><input type="radio">C</div>');
      $("#dialog").click(function() {
        popUpList.dialog();
      });
    </script>
  </body>  
</html>

Answer 1

可能您缺少jQuery和ui的導入

 $(function() { var popUpList = $('<div><input type="radio">A<br><input type="radio">B<br><input type="radio">C</div>'); $("#dialog").click(function() { popUpList.dialog(); }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <button id="dialog">Show Popup</button>

Answer 2

您必須捕獲頁面加載事件才能實例化jQuery UI對象。

嘗試這個：

<script type="text/javascript">
    $(document).ready(function() {
     var popUpList = $('<div><input type="radio" name="a">A<br><input type="radio" name="a">B<br><input type="radio" name="a">C</div>');
        $("#dialog").click(function () {
            popUpList.dialog();
        });
    });
</script>

要么

<script type="text/javascript">
  $(function(){
    //  now we know that jQuery has been loaded and is ready.
  });
</script>

Answer 3

請試試：

 popUpList.dialog("open");

如何在JavaScript中使用單選按鈕顯示警報消息框

問題描述

3 個解決方案

解決方案1
0 已采納

解決方案2
0 2015-08-27 06:59:33

解決方案3
-2 2015-08-27 06:05:55

如何在JavaScript中使用單選按鈕顯示警報消息框

問題描述

3 個解決方案

解決方案1 0 已采納

解決方案2 0 2015-08-27 06:59:33

解決方案3 -2 2015-08-27 06:05:55

解決方案1
0 已采納

解決方案2
0 2015-08-27 06:59:33

解決方案3
-2 2015-08-27 06:05:55