- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>Front-end Lab</title>
- </head>
- <body>
- <fieldset>
- <legend>The Radio Set</legend>
- <table>
- <tr>
- <td><input type="radio" name="favorite" value="apple" checked="checked" />苹果</td>
- </tr>
- <tr>
- <td><input type="radio" name="favorite" value="pear" />梨</td>
- </tr>
- <tr>
- <td><input type="radio" name="favorite" value="banana" />香蕉</td>
- </tr>
- <tr>
- <td><input type="radio" name="favorite" value="mango" />芒果</td>
- </tr>
- <tr>
- <td><input type="button" value="提交" onclick="checkMyFavoriteFruit()" /></td>
- </tr>
- </table>
- </fieldset>
- <script type="text/javascript">
- function checkMyFavoriteFruit() {
- var favorite = document.getElementsByName("favorite");
- var myFavorite;
- for (var i=0; i < favorite.length; i++) {
- if (favorite.item(i).checked) {
- myFavorite = favorite.item(i).getAttribute("value");
- break;
- }
- }
- switch (myFavorite)
- {
- case 'apple':
- console.log("My favorite fruit is apple.");
- break;
- case 'pear':
- console.log("My favorite fruit is pear.");
- break;
- case 'banana':
- console.log("My favorite fruit is banana.");
- break;
- case 'mango':
- console.log("My favorite fruit is mango.");
- break;
- default:
- // TODO
- }
- }
- </script>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/281120137565.html
来源: http://www.codesnippet.cn/detail/281120137565.html