zoukankan      html  css  js  c++  java
  • 多选框加和单选框一样的控制,只能选一个

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

    记录一下:

    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");
    }
    }
    }
    }

  • 相关阅读:
    OAuth2.0
    Base64编解码 代码
    Intent之Action
    android 之 WebView详解
    FCKeditor 在ASP.Net 中的使用说明
    css条件注释
    AspNetPager 服务器控件使用实例
    【转】分页控件ASPNETPAGET
    SQL server挂了之后
    应用主题后FCKeditor上传问题的解决及相应的改进
  • 原文地址:https://www.cnblogs.com/tldxh/p/6244141.html
Copyright © 2011-2022 走看看