如何在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

Possibly you are missing the imports of jQuery and ui 可能您缺少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

You have to capture the page load event to instantiate a jQuery UI object. 您必须捕获页面加载事件才能实例化jQuery UI对象。

try this: 尝试这个：

<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>

OR 要么

<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