• 多选框加和单选框一样的控制,只能选一个


    几个月前写的,现在觉得还是单选框方便吧,而且也不丑。

    记录一下:

    1.两个多选框 id为c1,c2

    //设置多选框只能选择一项
    function checkOne() {
    if (document.getElementById("c1").checked) {
    $("#c2").attr("disabled", "disabled");
    }
    else {
    $("#c2").removeAttr("disabled");
    }
    if (document.getElementById("c2").checked) {
    $("#c1").attr("disabled", "disabled");
    }
    else {
    $("#c1").removeAttr("disabled");
    }
    }

    2.五个多选框,这五个

    <td class="ypt_input_td" colspan="3" nowrap="nowrap">
    <input id="c1" type="checkbox" name="TbrConfirm" value="0" onclick="checkOne(3)" />非常满意
    <input id="c2" type="checkbox" name="TbrConfirm" value="1" onclick="checkOne(3)" />比较满意
    <input id="c3" type="checkbox" name="TbrConfirm" value="2" onclick="checkOne(3)" />基本满意
    <input id="c4" type="checkbox" name="TbrConfirm" value="3" onclick="checkOne(3)" />不太满意
    <input id="c5" type="checkbox" name="TbrConfirm" value="4" onclick="checkOne(3)" />很不满意
    <span style="color: Red">*</span>
    </td>

    //设置多选框只能选择一项 add by wh 2016-10-21
    function checkOne(flag) {
    if (flag == 1) {
    if (document.getElementById("a1").checked) {
    $("#a2").attr("disabled", "disabled");
    }
    else {
    $("#a2").removeAttr("disabled");
    }
    if (document.getElementById("a2").checked) {
    $("#a1").attr("disabled", "disabled");
    }
    else {
    $("#a1").removeAttr("disabled");
    }
    }
    else if (flag == 2) {
    if (document.getElementById("b1").checked) {
    $("#b2").attr("disabled", "disabled");
    }
    else {
    $("#b2").removeAttr("disabled");
    }
    if (document.getElementById("b2").checked) {
    $("#b1").attr("disabled", "disabled");
    }
    else {
    $("#b1").removeAttr("disabled");
    }
    }
    else if (flag == 3) {

    var arr = ["1", "2", "3", "4", "5"];
    for (var i = 0; i < 5; i++) {
    if (document.getElementById("c" + arr[i]).checked) {
    var arr2 = arr.splice(i, 1);
    for (var j = 0; j < 4; j++) {
    $("#c" + arr[j]).attr("disabled", "disabled");
    }
    return;
    }
    else {
    $("#c" + arr[i]).removeAttr("disabled");
    }
    }
    }
    }

  • 相关阅读:
    webpack指南(四)shimming
    webpack指南(三)缓存
    webpack指南(二)code spliting+懒加载
    webpack配置篇
    React组件setState
    React 生命周期
    React学习随笔
    @vue/cli 4.0+express 前后端分离实践
    @vue/cli 4.0.5 学习记录
    VMware Workstation 与 Device/Credential Guard 不兼容
  • 原文地址:https://www.cnblogs.com/tldxh/p/6244141.html
Copyright © 2020-2023  润新知