将一组复选框变成单选模式

笑到世界都狼狈

已于 2022-11-09 20:05:59 修改

阅读量469

点赞数

分类专栏： js/jq 文章标签： javascript jquery css3 html html5

于 2020-04-28 19:41:53 首次发布

本文链接：https://blog.csdn.net/qq_36509946/article/details/105822061

版权

js/jq 专栏收录该内容

55 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	</head>
	<body>
		<table  cellspacing="0" cellpadding="0" border="1">
            <thead>
            <tr>
                <th>选择</th>
                <th>名字</th>
            </tr>
            </thead>
            <tbody id="tbody" class="ul">
                <tr>
                    <td><input type="checkbox" class="checkbox"></td>
                    <td>名字1</td>
                </tr>
                <tr>
                    <td><input type="checkbox" class="checkbox"></td>
                    <td>名字2</td>
                </tr>
            </tbody>
        </table>
	</body>
	<script>
    /**
     * 将复选框变成单选模式
     */
    $("#tbody").find(".checkbox").each(function() {
        $(this).click(function() {
            if($(this).prop("checked")){
                $(".checkbox").removeProp("checked");
                $(this).prop("checked",true);
            }
        });
    });
</script>
</html>

笑到世界都狼狈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
将一组复选框变成单选模式

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> &lt...
复制链接

扫一扫

专栏目录