复选框变成单选框

最新推荐文章于 2021-08-09 11:32:30 发布

纪小年

最新推荐文章于 2021-08-09 11:32:30 发布

阅读量3.6k

点赞数 1

分类专栏： Java 文章标签： javascript java html jsp

本文链接：https://blog.csdn.net/myhappymoment/article/details/42102265

版权

Java 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在一些场景下需要将复选框改为单选框，并且允许不做任何一个复选框

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>案例标签</title>
<script type="text/javascript">
	function check(i, obj) {    //此处的两个参数 i class的值 obj 是当前复选框
		var c = obj.checked;  //记录下当前复选框的状态
		$("." + i).removeAttr("checked");  //删除所有的选中
		if(c == true){  //判断状态
			$(obj).attr("checked", 'true'); //为true 选中复选框
		}else{
			$(obj).removeAttr("checked"); //false 删除选中
			
		}
	}
</script>
</head>
<body>
<div>
 <ul class="ul_top">
     <!-- 类型  此处全都都是动态加载的 -->
            <c:forEach items="${list}" var="c" varStatus="i">
                <li class="in_checkbox">
                    <span>${c.name}&nbsp;：</span>
                       <!-- 值 -->
                    <c:forEach items="${v}" var="v">
                        <c:if test="${c.id==v.idD }">
                            <input type="checkbox" id="name" name="name" οnclick="check('c${i.index}',this)"  class="c${i.index}" value="${vid}" <c:if test="${v.isFalg() == true}">checked</c:if>/>${v.name}
                        </c:if>
                    </c:forEach>
                </li>
          </c:forEach>              	
  </ul>
</div>
</body>