使用js创建一个带无线电盒的弹出窗口

时间:2012-08-14 18:30:26

标签: javascript

首先,我只是一个对java脚本知之甚少的新手

我想创建一个弹出窗口,上面有三个单选按钮,比方说A,B和C

我怎样才能做到,有人可以帮助我吗?

2 个答案:

答案 0 :(得分:1)

在您的应用程序中包含jQuery和jQuery UI(将使这更容易)。

在您的HTML页面中,HEAD部分说:

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>

在您的HTML BODY中说:

<div id="dialog" title="Radio Dialog">
    <input type='radio' value='A' name='myRadio'>A
    <input type='radio' value='B' name='myRadio'>B
    <input type='radio' value='C' name='myRadio'>C
</div>

答案 1 :(得分:1)

您不能使用原生JS alertconfirm方法来包含单选按钮,它们仅用于文本目的。如果你想要自定义弹出窗口,可以使用jQuery UI(如上面提到的Joshua),或者更好,只需自己制作。用里面的单选按钮创建一个`div',添加适当的CSS来设计它,然后将它保存在HTML limbo而不附加它。将附件绑定到您选择的事件上。