单选框实现取值及选中触发事件

最新推荐文章于 2021-06-04 17:43:17 发布

置顶 yihuaiyan

最新推荐文章于 2021-06-04 17:43:17 发布

阅读量2.7w

点赞数 14

分类专栏：前端文章标签：单选框取值单选框选中单选框触发事件

本文链接：https://blog.csdn.net/yihuaiyan/article/details/88738485

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

页面效果如图:
默认都不是会员!所以会自动选择否.
在这里插入图片描述

选择是以后出现文本输入框,并且校验提交!
在这里插入图片描述

页面单选框的代码如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>单选框选中触发事件</title>
	</head>
	<body>
		<p>
          <label>是否成为网点管理员:</label>
          <span class="field">
          <input type="radio" name="isAdmin" value="1" id="isAdmin" >是
          <input type="radio" name="isAdmin" value="0" id="notAdmin" >否
          </span>
        </p>
      	<p>
          <span id="myAdmin" style="display: none">
          <label>输入网点编号:</label>
          <input type="text" name="netPoint" id="netPoint" value="" />
          </span>
      	</p>
		
	</body>
	 <script src="../js/jquery-1.11.3.min.js"></script>
	<script>
		 // 根据单选框触发是否提交事件!
    $('input:radio[name="isAdmin"]').change(function () {
        if ($("#isAdmin").is(":checked")) {
            $("#myAdmin").show();
        }
        if ($("#notAdmin").is(":checked")) {
            $("#myAdmin").hide();
            $("#netPoint").text('');
        }
    })
		
	</script>
</html>

yihuaiyan

关注

14
点赞
踩
40

收藏

觉得还不错? 一键收藏
3
评论
单选框实现取值及选中触发事件

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>单选框选中触发时间</title> </head> <body> <p> <label>是否成为网点管理员:</la...
复制链接

扫一扫