属性选中

最新推荐文章于 2022-01-19 19:54:07 发布

streetlight8023

最新推荐文章于 2022-01-19 19:54:07 发布

阅读量385

点赞数

CC 4.0 BY-SA版权

分类专栏：前台 js 前台 checkbox 文章标签： js checkbox

本文链接：https://blog.youkuaiyun.com/streetlight8023/article/details/40981481

js 同时被 3 个专栏收录

8 篇文章

订阅专栏

前台 checkbox

3 篇文章

订阅专栏

前台

2 篇文章

订阅专栏

本文介绍了一个属性枚举类的实现，并详细展示了两种不同的HTML元素选中方式及其对应的JavaScript处理逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

属性枚举类

    public enum PropertyType {
       HEADLINE(1L, "头条"),
       COMMEND(2L, "推荐"),
       MAGIC(3L, "幻灯"),
       SPECIAL(4L, "特荐"),
       ROLLING(5L, "滚动"),
       OVERSTRIKING(6L, "加粗"),
       PICTURE(7L, "图片"),
       JUMP(8L, "跳转"),
       HOMEPAGE(9L, "首页"),
       CHANNEL(10L, "频道"),
       PUSH(11L,"阅读");

       private Long value;

       private String name;

       private PropertyType(Long value, String name) {
           this.value = value;
           this.name = name;
       }

       public Long getValue() {
           return value;
       }

       public void setValue(Long value) {
           this.value = value;
       }

       public String getName() {
           return name;
       }

       public void setName(String name) {
           this.name = name;
       }
   }

选中方式一

html

    <tr height='32'>
       <input type="hidden" name="id" id="id" value="${creditcard?if_exists.id?if_exists}">
       <td width="80" class='bline'> 属性：</td>
       <td class='bline'>
           <input type="hidden" name="flag" id="flagString" value="${creditcard?if_exists.flag?if_exists}">
           <#if propertyTypes?exists >
               <#list propertyTypes as pt>
                  <input class='np' type='checkbox' name='flagItem' id='flag${pt.getValue()}' value='${pt.getValue()}' onclick='getFlags()'>${pt.getName()}
               </#list>
           </#if>
       </td>
   </tr>

js
    var flags = $("#flagString").val();
   if(flags!='' || flags.length()==0){
       var fgs = flags.split(',');
       var objs = document.getElementsByName("flagItem");
       for(var i=0 ;i<objs.length;i++){
           for(var j=0;j<fgs.length;j++){
               if(fgs[j]==objs[i].value){
                   objs[i].checked = 'checked';
              }
           }
       }
   }

选中方式二

html

    <table width="800" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td width="105"> 自定义属性：</td>
                       <td width="556"><#if propertyTypes?exists > <#list propertyTypes as pt> <input class='np' type='checkbox' name='flagItem' id='flag${pt.getValue()}'                value='${pt.getValue()}' onclick='getFlags()'>${pt.getName()} </#list> </#if> <br> <input type="hidden" id="flag" name="flag" value="${StrDocFlag?if_exists}">
                       </td>
                   </tr>
               </table>

    $(function () {
       <#if creditcard?? && creditcard.flag??>
           var flag="${creditcard.flag}";
           var flags=flag.split(",");
           for(i=0;i<flags.length;i++){
               document.getElementById("flag"+flags[i]).checked = true;
           }
       </#if>
        });

选中方式二中用到了freemarker语法

第一次做东西这两种方式都不可以页面也不报错但是就是选不中后来干脆页面干掉重做用了第一种方法测试就通过了使用这个方法的项目有点不一样的地方点击编辑之后是用js在本页面弹出一个绿色框不是弹出window 后来也不知道为啥第二种html挂了但是在其他编辑中第二种方法也好使的