复选按钮点击不同，显示内容不同

最新推荐文章于 2019-10-08 16:59:03 发布

原创最新推荐文章于 2019-10-08 16:59:03 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用mini框架实现的复选按钮案例，包括如何设置复选按钮属性、获取字典值及通过JS进行逻辑判断来显示或隐藏元素。

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

1，首先写一个复选按钮

 <li>
                        <label class="mini-label"><span class="required">*</span>公示类型 ：</label>
                        <div class="mini-radiobuttonlist" id="fkTypeId" repeatItems="1" repeatLayout="table" repeatDirection="vertical" textName="fkTypeName" name="fkTypeId" textField="name" valueField="value" label="公示类型" required="true"></div>

                    </li>

“”id 为字段本身id ，

textName 为 字段本身name 

name 为 字段本身id

valueField="value"（字典值得话为value，关联表的话id）

“”
2.拿到他的字典值

并做判断

  mini.get("fkTypeId").select(0);
        mini.get('fkActivityId').setUrl(contextPath + '/district/recruitmentActivity-recruitmentactivity/recruitmentactivity-selected-load-data.html');

        var fkTypeId = mini.get("fkTypeId").getValue();
        if (fkTypeId == Dictionary.PUBLICITY_TYPE.ACTIVITYPUBLICITY.VALUE) {
            $(".activity-box").show();
        } else {
            $(".activity-box").hide();
        }

3.在

js的setEvents中写入点击事件

 mini.get("fkTypeId").on('valueChanged', function() {
            me.release();
        });

调用

  release: function() {
        var fkTypeId = mini.get("fkTypeId").getValue();
        if (fkTypeId == Dictionary.PUBLICITY_TYPE.ACTIVITYPUBLICITY.VALUE) {
            $(".activity-box").show();
        } else {
            $(".activity-box").hide();
        }
    },

最后在setDate的时候也调下