radio

最新推荐文章于 2025-03-24 20:00:00 发布

spencer_tseng

最新推荐文章于 2025-03-24 20:00:00 发布

阅读量141

点赞数

CC 4.0 BY-SA版权

分类专栏： js-flex

本文链接：https://blog.youkuaiyun.com/spencer_tseng/article/details/78254421

js-flex 专栏收录该内容

103 篇文章

订阅专栏

本文档通过一个简单的HTML页面示例展示了如何使用JavaScript来处理表单元素的状态，特别是单选按钮的选择情况。示例中包括了性别选择及推荐状态的设定，并演示了如何在用户点击按钮时通过JavaScript函数获取并显示这些选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Window XP Professional</title>
<script type="text/javascript">
	/**
	 * http://127.0.0.1:8089/PrjJsp/lz/2017-10-16-radio.html
	 *
	 * function click13()
	 *
	 * HOHO ~ ~ ~ ~ ~
	 * 
	 * @author ZengWenFeng
	 * @date 2014-10-17
	 */
	function click13()
	{
		if (document.getElementById("male").checked)
		{
			alert("male");
		}

		if (document.getElementById("female").checked)
		{
			alert("female");
		}
	}
</script>
</head>
<body>
	<input type="radio" id="male" name="sex" checked="checked"/>
	<label for="male">男</label>
	
	<input type="radio" id="female" name="sex"/>
	<label for="female">女</label>
	
	<input type="button" onclick="click13()"/>
</body>
</html>

要是从毕业开始都写成笔记该有多少啊。。。。

<tr role='row' class='ui-widget-content jqgrow ui-row-ltr ui-priority-secondary'>
	<td colspan='3' role='gridcell' style='text-align:left;vertical-align: middle;' title='是否推荐'></td>
	<td colspan='5' role='gridcell' style='text-align:left;vertical-align: middle;'>
		<input style='vertical-align: middle;margin-left: 50px;' width='30px' type='radio' name='isRecommend' id='isRecommend_ok' value='1'>
			<label for='isRecommend_ok'>推荐</label>
		</input>
		<input style='vertical-align: middle;margin-left: 100px;' width='30px' type='radio' name='isRecommend' id='isRecommend_no' value='0'>
			<label for='isRecommend_no'>不推荐</label>
		</input>
	</td>
</tr>

$("input[type='radio'][name='isRecommend'][value='0']").prop("checked","checked");