layui 中checkbox的value值为什么无法渲染一个是源代码,一个是渲染后的,value值都为空字符串

layui 中checkbox的value值为什么无法渲染一个是源代码,一个是渲染后的,value值都为空字符串,第1张

这默认值是根据modelOtherCharges来的,可以先给modelOtherCharges赋值再返回视图,或者用JS在加载事件里赋值。方法如下:第一个:在Controller 里生成一个新的实体类,填充默认值,然后Return 到视图里。第二个:如果有virtual 关联,则可以使用foreach 打开 OrderDetail的值。

js如下:

///<reference path="jquery-180minjs" />

//加载函数

$(function () {

    Nbookload();

});

var Nbook =

{

    load: function () {

        Nbookclci();

    },

    selectDat: function () {

        var val;

        $ajax({

            type: "post",

            dataType: "json",

            data: { "method": "selectData", "Name": "'" + $trim($("#Name")val())+"'" },

            url: "ashx/testashx",

            success: function (data) {

                if (data != null) {

                    var html = "";

                    val = eval(data);

                    //consolelog(booklength);

                    //for (var i = 0; i < booklength; i++) {

                    //    html += "<ul class='main_Ul'><li>" + book[i]name + "</li><li>" + book[i]sch_id + "</li><li>" + book[i]sex + "</li><li>" + book[i]isOk + "</li></ul>";

                    //}

                    //$("main")html(html);

                    layuiuse('table', function () {

                        var table = layuitable;

                        //展示已知数据

                        tablerender({

                            elem: '#socialList'

                            , cols: [[ //表头

                                { type: 'checkbox', fixed: 'left' },

                                { field: 'name', title: '姓名', sort: true, fixed: 'left', unresize: true, sort: true, totalRowText: '合计' }

                                , { field: 'sch_id', title: '学校ID', sort: true, totalRow: true }

                                , { field: 'sex', title: '性别', sort: true, totalRow: true }

                                , { field: 'isOk', title: '是否OK' }

                            ]],

                            data: val

                            , even: true

                            , page: true //是否显示分页

                            , toolbar: true //开启工具栏,此处显示默认图标,可以自定义模板,详见文档

                            , limits: [3, 5, 7, 8, 10, 50]

                            , limit: 8 //每页默认显示的数量

                            , cellMinWidth: 80

                            , height: 'full-515'//设置表格最大高度

                            , totalRow: true//开启合计

                        });

                    });

                }

            }

        });

    },

    clci: function ()

    {

        if ($trim($("#Name")val()) == "")

        {

            NbookselectDat();

        }

        $("input[type='button']")click(function () {

            NbookselectDat();

        });

    }

}

页面如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="myselectaspxcs" Inherits="WebTestDemosmyselect" %>

<!DOCTYPE html>

<html xmlns=">

找到formjs文件,给form拓展方法

参数是你表单所在容器id

返回结果是是否通过验证

uprototypedoVerify=function(z){

var e = null,

a = fconfigverify,

s = "layui-form-danger",

c = t("#"+z),

d = cfind("[lay-verify]");

layuieach(d, function (l, r) {

var o = t(this),

c = oattr("lay-verify")split("|"),

u = oattr("lay-verType"),

d = oval();

if (oremoveClass(s), layuieach(c, function (t, l) {

var c, f = "", v = "function" == typeof a[l];

if (a[l]) {

var c = v f = a[l](d, r) : !a[l][0]test(d);

if (f = f || a[l][1], "required" === l && (f = oattr("lay-reqText") || f), c) return "tips" === u itips(f, function () {

return "string" == typeof oattr("lay-ignore") || "select" !== rtagNametoLowerCase() && !/^checkbox|radio$/test(rtype) o : onext()

}(), {tips: 1}) : "alert" === u ialert(f, {title: "提示", shadeClose: !0}) : imsg(f, {

icon: 5,

shift: 6

}), nandroid || nios || setTimeout(function () {

rfocus()

}, 7), oaddClass(s), e = !0

}

}), e) return e

});

return !e;

}

使用:

layuiformdoVerify(id);

layui 109 发布了。该版本除了增加了新面孔“折叠面板”之外,还对select加入了搜索功能,以及对复选框新增了一套更为亲和的风格,还有Tab选项卡的进一步友好,当然,更有我们最炙手的 layer 302。相信这是一个令人愉悦的版本! 噢对了,我们计划于2月31号在osc开源一款全新的神秘项目,期待一下吧! ←_←

更新日志

新增“折叠面板”页面元素及相关事件监听

select组件增加搜索匹配功能,通过参数 lay-search 开启

checkbox组件增加原始风格样式,通过设置 lay-skin="primary" 开启(跟系统自带的类似样貌)

升级 layerd层组件到 302 (相关更新日志见layer主页)

表单元素增加属性 lay-ignore ,设置后,将不会对该标签进行美化渲染,即保留系统风格

开关增加两种状态的自定义文本,通过参数 lay-text="ON|OFF" 开启

修复Tab选项卡嵌套的Tab没有对应的内容结构时,切换到了父级内容的bug

修复Tab选项卡容器中使用下拉框时,被溢出隐藏的问题

修复Tab选项卡溢满情况下,点击展开按钮,再在外部添加一个选项卡出现异常的bug

Tab选项卡部分UI细节优化

Tab选项卡的tabAdd增加id参数,用于在删除和切换时,以id作为匹配媒介

Tab选项卡的tabDelete/tabChange第二个参数有改动,不再是index(索引),而是对应的lay-id的值

根据多选框name来获得选中的值可用如下 jquery代码实现

$("input:checkbox[name='test']:checked")each(function() { // 遍历name=test的多选框

$(this)val(); // 每一个被选中项的值

});

实例演示:给出两组多选框,点击按钮后分别获得两组中被选择的项目

示例代码如下

创建Html元素

<div class="box">

<span>请输入用户名,限定字母、数字或下划线的组合:</span>

<div class="content">

<span>水果:</span>

<input type="checkbox" name="fruit" value="梨子"/>梨子

<input type="checkbox" name="fruit" value="李子"/>李子

<input type="checkbox" name="fruit" value="栗子"/>栗子

<input type="checkbox" name="fruit" value="荔枝"/>荔枝

<span>蔬菜:</span>

<input type="checkbox" name="vegetable" value="青菜"/>青菜

<input type="checkbox" name="vegetable" value="萝卜"/>萝卜

<input type="checkbox" name="vegetable" value="土豆"/>土豆

<input type="checkbox" name="vegetable" value="茄子"/>茄子

</div>

以上就是关于layui 中checkbox的value值为什么无法渲染一个是源代码,一个是渲染后的,value值都为空字符串全部的内容,包括:layui 中checkbox的value值为什么无法渲染一个是源代码,一个是渲染后的,value值都为空字符串、c# layui 动态表格进行动态赋值、layui的表单验证,怎么通过手动触发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9709196.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存