javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>视频搜索后台管理系统</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- jQuery 2.1.4 -->
    <script src="/static/plugins/jQuery/jQuery-2.1.4.min.js"></script>
</head>
<body>
    <div class="form-group">
      <label for="search-query"> 配置类型 </label>
      <div class="row">
        <div class="col-xs-3">
          <div class="input-group">
            <label style="font-weight: normal;">
              <input type="radio" name="type" value="1">
              <span> 精准匹配 </span>
            </label>
          </div>
          <!-- /input-group -->
        </div>
        <div class="col-xs-3">
          <div class="input-group">
            <label style="font-weight: normal;">
              <input type="radio" name="type" value="2">
              <span> 模糊匹配 </span>
            </label>
          </div>
          <!-- /input-group -->
        </div>
      </div>
	</div>
</body>
</html>

<script>
	$(function() {
  		// 初始化单选框状态
		$("input:radio[name=type]")[0].checked = true;
  
  		// 执行单选框点击操作（按照查询数据值，渲染当前页面，并将指定radio选中）
  		function checkInputRadio() {
        	var radioType = $("input:radio[name=type]");
        	for (var i = 0; i < radioType.length; i++) {
            	if(radioType[i].value == ret.data.data.type) {
                	radioType[i].checked = true;
            	}
        	}
        }

	});

</script>

以上是关于javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio的主要内容，如果未能解决你的问题，请参考以下文章

JQuery判断radio（单选框）是否选中和获取选中值方法总结

jquery怎么实现选中一个li然后显示一个div下面的ul