how to display alert message box with radio button in 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>
3 answers
solution1
0 ACCPTED
Possibly you are missing the imports of jQuery and 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>
solution2
0 2015-08-27 06:59:33
You have to capture the page load event to instantiate a jQuery UI object.
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>
solution3
-2 2015-08-27 06:05:55
请试试 ：
popUpList.dialog("open");
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to display radio button on an alert box
Javascript Alert Box with Radio Button
Display an alert with message according to the radio button chose
Display an alert with message according to the radio button
alert message for radio button
How to confirm a radio button selection with an alert box
How to display the selections in an alert box when the button is clicked? (with Javascript)
JavaScript - How to display error handler message if certain radio button is checked?
jQuery to display alert box when selecting radio button not working
How to display an image in alert/message box in jsp
Related Tags