摘自: bbs.pl80.com 引用请注明出入,谢谢
在做OA或其它WEB版的系统时,常常想实现,点击文字而选中单选框/复选框的功能代码如下:
方法一(HTML):
<label for="checkall"><input type="checkbox" name="checkall" id="checkall" value="checkbox" > 全选</label>
方法二(JS)
code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>www.pl80.com免费二级域名申请 bbs.pl80.com 技术小屋 欢迎光临</title>
<style>
#framezs {COLOR:#616161;}
#framezs a{color:#616161;text-decoration:none;cursor:default;}
#framezs a:hover{color:#616161;text-decoration:none;}
</style>
<script language="JavaScript">
function fontselect_radio(obj1,obj2){
obj1.checked = true;
obj2.checked = false;
}
</script>
</head>
<body>
<div id="framezs">
<input name="method" id="method1" type="radio" value="POST" checked onclick="javascript:document.getElementById('methodval').value='POST';">
<a href="#" onclick="javascript:fontselect_radio(document.getElementById('method1'),document.getElementById('method2'));">POST方式</a>
<input type="radio" name="method" id="method2" value="GET" onclick="javascript:document.getElementById('methodval').value='GET';">
<a href="#" onclick="javascript:fontselect_radio(document.getElementById('method2'),document.getElementById('method1'));">GET方式</a>
<input name="methodval" type="hidden" id="methodval" value="POST">
</div>
</body>
</html>