您的位置：首页 > 其它

点击文字选中单选框/复选框 (模拟程序功能)

2008-03-31 10:48 309 查看
摘自: 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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航