Javascript 带有单选按钮的Jquery弹出窗口

您好，我正在尝试编写一个jquery代码，它在单击时会显示一个弹出窗口，其中有单选按钮。 以下是我的jquery代码：

$("#myPopup").ready(function() {

var popUpList = $('<div><input type="radio">A<br><input type="radio">B<br>
<input type="radio">C</div>');

showPopUpButton.click(myFunction() {
    popUpList.dialog();
 });
});

$（“#myPopup”）.ready（函数（）{
var popUpList=$（'A
B

C'）；
showPopubButton.单击（myFunction（））{
popUpList.dialog（）；
});
});

以下是相应的弹出式调用代码：

<li class="header_navigation_list">
    <div data-role="main" class="header_navigation_link">
         <a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">Show Popup</a>
        <div data-role="popup" id="myPopup">
          <button id ="showPopUpButton" onclick="myFunction()">Click me</button>
          <p>This is a simple popup.</p>
        </div>
    </div>
    <span>|</span>
</li> 

点击我
这是一个简单的弹出窗口

|

---

js页面上的jquery代码抛出错误为“此行有多个标记（预期为FunctionExpressionHeaderName）”。似乎我没有正确调用jquery中的函数。有人能给我一些建议吗。TIA

您需要删除

popUpList

var中的回车符，将

#showPopubButton

jquery对象与

$.on（）

一起使用，并删除HTML中的

onclick

处理程序

$（“#myPopup”）.ready（函数（）{
var popUpList=$(
“A
B
C”
);
$（'#showPopUpButton'）。在（'单击'，函数（）上）{
popUpList.dialog（）；
});
});


点击我
这是一个简单的弹出窗口

|
Jquery有效的代码：

 $("#myPopup").ready(function() {
   var popUpList = $(
    '<div><input type="radio" name="popup_w" value="1">1<br><input type="radio" name="popup_w" value="2">2<br><input type="radio" name="popup_w" value="3">3</div>'
  );

  $('#showPopUpButton').on('click',function() {
    popUpList.dialog();
  });
});

$（“#myPopup”）.ready（函数（）{
var-popUpList=$(
“1
2
3”
);
$（'#showPopUpButton'）。在（'单击'，函数（）上）{
popUpList.dialog（）；
});
});

JSP代码：

                <li class="header_navigation_list">
           <div data-role="main" class="header_navigation_link">
         <a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">Show Popup</a>
            <div data-role="popup" id="myPopup">
                <button id="showPopUpButton"> To change the window size, click here</button>
            <!--    <p>This is a simple popup.</p>  -->
            </div>
        </div>
        <span>|</span>
        </li>


要更改窗口大小，请单击此处
|

一个错误，可能与您收到的消息没有直接关系，就是您需要单选按钮上的
名称
和
值
属性-组中所有按钮的
名称
都必须相同，
值
是提交表单时将返回的值。好的，请给出单选按钮中名称和值对的一行示例。另外，刚才我可以选择单选按钮中的所有值，我只想一次选择一个值。此外，在单选按钮中选择一个值后，我需要调用window.open函数。搜索“html单选按钮语法”，您将发现许多示例。感谢您，现在我可以选择单选按钮中的所有值，我只想一次选择一个值。在单选按钮中选择一个值之后，我需要调用window.open函数。@RJ\u程序员，不客气。那超出了你原来问题的范围。你自己试试看，如果你想不出来，再发一个问题。@RJ_程序员太棒了，不客气。一旦你觉得问题解决了，一定要接受答案。