radio标签的只读实现

╰+攻爆jí腚メ 2022-09-22 11:54 45阅读 0赞

## radio标签的只读实现 ##

网上看到一些实现radio标签只读的代码，但是并不合适我的使用场景，漫不经心的写着代码，无意说写出了一个新的实现方式，非常的简单。

1.  原理：记录选中值，这样方便的实现radio的取消选中以及只读。
2.  js代码如下

var tempbsRadios = document.getElementsByName("bbjFlag");
        var tempbsRadio = null;
        var len = tempbsRadios.length;
        if(len > 0){
            for(var i =0;i<len;i++){
                if(tempbsRadios[i].checked){
                    tempbsRadio = tempbsRadios[i];
                }
            }
        }
        function rejsp(obj){
            if(obj==tempbsRadio){
                tempbsRadio.checked = false;
                tempbsRadio = null;
            }else{
                tempbsRadio = obj;
            }
            if(tempbsRadio != null){
                if(tempbsRadio != null && tempbsRadio.value == "2"){
                    caseCarBaseForm.bjFlag.value="是";
                    caseCarBaseForm.method.value = "displayCaseBase";
                    caseCarBaseForm.submit();
                }
            }
    
        }
        function rejspReal(){
            if(tempbsRadio != null){
                tempbsRadio.checked = true;
            }else{
                var tempbsRadioss = document.getElementsByName("bbjFlag");
                var len = tempbsRadioss.length;
                if(len > 0){
                    for(var i =0;i<len;i++){
                        tempbsRadios[i].checked=false;
                    }
                }
            }
        }

1.  列表内容

// 当满足某种情况正常使用radio，此处实现了可取消选中
    <%if(newCaseCarBaseForm.getHiddenPolicyNo()==null||newCaseCarBaseForm.getHiddenPolicyNo().equals("")){%>
     <td bgcolor=<%=tdTitleBgColor%> colspan=2>
     <html:radio property="bbjFlag" value="2" onclick="rejsp(this)">北京地区</html:radio>
     <html:radio property="bbjFlag" value="3" onclick="rejsp(this)">上海地区</html:radio>
                        </td>
                    <%} %>
    //当满足某种情况的时候，radio为只读，这样可以正常像后台提交radio                 <%if(newCaseCarBaseForm.getHiddenPolicyNo()!=null&&!newCaseCarBaseForm.getHiddenPolicyNo().equals("")){%>
    <td bgcolor=<%=tdTitleBgColor%> colspan=2>
    <html:radio property="bbjFlag" value="2" onclick="rejspReal()" >北京地区</html:radio>
    <html:radio property="bbjFlag" value="3" onclick="rejspReal()" >上海地区</html:radio>
                       </td>
                   <%} %>

发表评论取消回复

表情：

评论列表（有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

相关 select只读

<select id="code" name="code" disabled="disabled"> <option value="">请选择...</o

妖狐艹你老母/ 2023年06月20日 03:58/ 0 赞/ 41 阅读

相关 radio标签的只读实现

radio标签的只读实现网上看到一些实现radio标签只读的代码，但是并不合适我的使用场景，漫不经心的写着代码，无意说写出了一个新的实现方式，非常的简单。 1. 原

╰+攻爆jí腚メ/ 2022年09月22日 11:54/ 0 赞/ 46 阅读

相关只读事务

转：http://blog.sina.com.cn/s/blog\_b0f182290101dofh.html 一致性读是oracle区别于其他数据库的重要特点之一，但一般来

谁践踏了优雅/ 2022年08月06日 14:06/ 0 赞/ 253 阅读

相关文件夹的“只读”属性

小新用的是Win10系统，最近遇到一件很有意思的事情，特写此文以作纪念。文件夹的“只读”属性有三种状态：（1）实心小黑块“■” （2）对勾“√” （3）空心框“□”

阳光穿透心脏的1/2处/ 2022年05月29日 11:28/ 0 赞/ 440 阅读

相关 input标签、radio标签、checkbox标签、select标签

设置input文本框不能修改方式一：在标签中加入disabled="disabled" 属性。方式二：在标签中加入readonly="readonly" 属性。方式

左手的ㄟ右手/ 2022年05月22日 05:45/ 0 赞/ 399 阅读

相关 select,radio标签常用操作

select,radio标签常用操作 select常用操作清空option标签 $("aa").empty(); Select下拉选点击事件

淡淡的烟草味﹌/ 2022年04月23日 08:38/ 0 赞/ 293 阅读

相关 html 的radio单选框如何实现互斥 radio只是input的type属性

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

谁践踏了优雅/ 2022年04月18日 02:44/ 0 赞/ 252 阅读

相关 html之radio是否被选中的判断------radio只是input的type属性

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

r囧r小猫/ 2022年04月17日 19:56/ 0 赞/ 261 阅读

相关 Struts标签库的radio实战

一视图 <%@ page contentType="text/html; charset=GBK" language="java" errorPage="" %>

﹏ヽ暗。殇╰゛Y/ 2021年07月24日 16:35/ 0 赞/ 485 阅读

相关文本框只读

web开发也做了一阵子了，原来文本框只读还不清楚。惭愧哦，今天找到，记下来。 <html:text styleId="inputTime" property="inputti

Myth丶恋晨/ 2021年07月20日 11:35/ 0 赞/ 585 阅读