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

最新推荐文章于 2022-03-01 20:51:52 发布

wm219

最新推荐文章于 2022-03-01 20:51:52 发布

阅读量1.6k

点赞数 1

文章标签： javascript html input function div web

本文链接：https://blog.csdn.net/wm219/article/details/2232329

版权

摘自: bbs.pl80.com 引用请注明出入,谢谢

在做OA或其它WEB版的系统时,常常想实现,点击文字而选中单选框/复选框的功能代码如下:
方法一(HTML):

方法二(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 οnclick="javascript:document.getElementById('methodval').value='POST';">
<a href="#" οnclick="javascript:fontselect_radio(document.getElementById('method1'),document.getElementById('method2'));">POST方式</a>
<input type="radio" name="method" id="method2" value="GET" οnclick="javascript:document.getElementById('methodval').value='GET';">
<a href="#" οnclick="javascript:fontselect_radio(document.getElementById('method2'),document.getElementById('method1'));">GET方式</a>
<input name="methodval" type="hidden" id="methodval" value="POST">
</div>
</body>
</html>

wm219

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
点击文字选中单选框/复选框 (模拟程序功能)

摘自: bbs.pl80.com 引用请注明出入,谢谢在做OA或其它WEB版的系统时,常常想实现,点击文字而选中单选框/复选框的功能代码如下: 方法一(HTML):  全选方法二(JS) code
复制链接

扫一扫