| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
共有 1323 人关注过本帖
标题:求助一个checkbox的相关问题
取消只看楼主 加入收藏
无敌暴龙战士
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2022-8-25
结帖率:100%
收藏
已结贴  问题点数:20 回复次数:3 
求助一个checkbox的相关问题
关于我有五个checkbox控件,当我点击完两个checkbox控件以后,我点击第三个的时候我想要取消前面两个里面value值比较小的那个我大致该咋写?
搜索更多相关主题的帖子: 点击 控件 比较 取消 checkbox 
2022-08-25 20:01
无敌暴龙战士
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2022-8-25
收藏
得分:0 
回复 2楼 apull
五个checkbox控件都是固定的,但是我现在不懂的是我用什么函数来取消我之前点击的控件,我的function onclick()里面只有一个参数,然后所有的checkbox控件的name是一样的,没有id
2022-08-26 10:58
无敌暴龙战士
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2022-8-25
收藏
得分:0 
回复 4楼 apull
在你的基础上我稍微改动了一下,但是还没有达到我预期的效果,我也不知道我是什么地方出了问题
<label>
    <input type="checkbox" value="2021-12-20" name="compareDate" onchange="onClickCheck(this)" > 2021-12-20
</label>
<label>
    <input type="checkbox" value="2021-11-20" name="compareDate" onclick="onClickCheck(this)"> 2021-11-20
</label>
<label>
    <input type="checkbox" value="2021-10-20" name="compareDate" onclick="onClickCheck(this)"> 2021-10-20
</label>
<label>
    <input type="checkbox" value="2021-09-20" name="compareDate" onclick="onClickCheck(this)"> 2021-09-20
</label>
<label>
    <input type="checkbox" value="2021-08-20" name="compareDate" onclick="onClickCheck(this)"> 2021-08-20
</label>

                        
                </div>
            </div>
        </div>
    </div>
</div>

    <script>

    function onClickCheck(obj)
    {
        if (obj.checked == false) return;

        var chks = document.getElementsByName('chk');
        var ar = [];
        chks.forEach(element => {
            if (element != obj && element.checked)
                ar.push(element);
        });

        if (ar.length < 2) return;

        if (new Date(ar[0].value ) < new Date(ar[1].value))
            ar[0].checked = false;
        else
            ar[1].checked = false;
        
    };
2022-08-26 17:57
无敌暴龙战士
Rank: 1
等 级:新手上路
帖 子:4
专家分:0
注 册:2022-8-25
收藏
得分:0 
回复 4楼 apull
谢谢大佬,突然发现我的div少写了一个
2022-08-26 19:18
快速回复:求助一个checkbox的相关问题
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025374 second(s), 9 queries.
Copyright©2004-2022, BCCN.NET, All Rights Reserved