Question

目前我正在设计用户意见页面，我计划从用户那里获得输入，例如＆＃34;它是否合适？＆＃34;

输入可能是是/否/否想法

alert()或confirm()，prompt()等原生控件并不提供两个以上的选项。

是否有本机控件，可以提供两个以上的选项..？

如果没有，我如何使用angular-ui或jquery-ui创建一个？

Answer 1

<input type="radio" name="group1" value="yes"> Yes<br>
<input type="radio" name="group1" value="no"> No<br>
<input type="radio" name="group1" value="no_idea" checked> No Idea<br>

这只是标准的HTML。为什么你认为它需要jquery或angular？

Answer 2

您可以使用jQuery UI dialog窗口小部件buttons选项。

它接受一个对象，其键是按钮的标签，value是回调函数或定义要在按钮上设置的属性，属性和事件处理程序的对象数组。

回调函数的上下文是对话框元素。如果要访问该按钮，可以使用事件的target属性。

$(function() {
  $("#dialog").dialog({
    title:"Is it suitable?",
    buttons: [{
      text: "Yes",
      click: function(event) {
        $(this).dialog("close");
      }
    }, {
      text: "No",
      click: function(event) {
        $(this).dialog("close");
      }
    }, {
      text: "No Idea",
      click: function(event) {
        $(this).dialog("close");
      }
    }]
  });
});

<link href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

如何创建一个提供用户倍数选项的弹出窗口？

2 个答案: