精华内容
下载资源
问答
  • 排序: s:date可以对Date对象...当包含着一个复选框表单被提交时,如果某个复选框选中了它的值将为true,这个复选框在HTTP请求里增加一个请求参数.但如果该复选框未被选中,在请求中就不会增加一个请求参数. chec

    s:url: 创建一个URL字符串的:

    s:set:向page, request, session, application 域对象中加入一个属性值

    s:push :把一个对象在标签开始后压入到值栈中,标签结束时,弹出值栈

    s:if, s:else, s:elseif:

    也可以用域中对象的属性

    s:iterator:遍历集合的。 把这个可遍历对象里的每一个元素 依次压入和弹出

    iterator标签的status属性的属性值

    排序:

    s:date可以对Date对象进行排版

    s:a有html中a标签的全部功能:

    表单标签:
    1.使用和html的form标签的感觉差不多
    2. Struts2 的form标签会生成-一个table,以进行 自动的排版
    3.可以对表单提交的值进行回显!

    将对象压入栈的操作:

    checkbox标签:
    当包含着一个复选框的表单被提交时,如果某个复选框被选中了它的值将为true,这个复选框在HTTP请求里增加一个请求参数.但如果该复选框未被选中,在请求中就不会增加一个请求参数.
    checkbox标签解决了这个局限性,它采取的办法是为单个复选框元素创建一个配对的不可见字段

    单选框:

    checkboxlist:

    服务端需要使用集合类型,以保 证能够被正常的回显!

    select:

    改变主题的三种方式:

    1、

    2、

    3、

    展开全文
  • doubleselect标签会生成一个级联列表(即两个下拉... listKey:用于指定几何元素中的某个属性作为第一个下拉列表框的value,如果集合是map则可以使用key和value值分别代表map对象的key和value作为复选框的value; li

     doubleselect标签会生成一个级联列表(即两个下拉列表框)当地一个列表框选中时第二个随之改变(理解为二级联动)

     

    常用属性:

     

    1. list:指定用于输出第一个下拉列表框中的选项集合;
    2. listKey:用于指定几何元素中的某个属性作为第一个下拉列表框的value,如果集合是map则可以使用key和value值分别代表map对象的key和value作为复选框的value;
    3. listValue:用于指定集合元素中的某个属性作为复选框的标签,如果是map则可以使用key和value值分别代表map对象的key和value作为第一个下拉列表框的标签;
    4. doubleList:指定用于输出第二个下拉列表框中的选项集合;
    5. doubleListKey:用于指定几何元素中的某个属性作为第二个下拉列表框的value,如果集合是map则可以使用key和value值分别代表map对象的key和value作为复选框的value;
    6. doubleListValue:用于指定集合元素中的某个属性作为第二个下拉框的标签,如果是map则可以使用key和value值分别代表map对象的key和value作为第二个下拉列表框的标签;
    7. doubleName:指定第二个下拉列表框的name属性

    eg:

    <s:form action="x">
     <s:doubleselect
      label="请选择您喜欢的图书"
      size="3"
      name="author" list="#bs.keySet()"
      doubleList="#bs[top]"
      doubleSize="3"
      doubleName="book"/> 
    </s:form>

     

    展开全文
  • 先上一部分代码(这是表头以及一个全选按钮)平台日期交易日期chooseAll函数,判断全选按钮是否选中,然后遍历复选框做相应的选择。知识点:jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")i...

    批量提交用jquery操作起来还是很方便的,主要的思路就是 在动态生成表格时每一行都存下这条数据的唯一id,然后监听选择,把选中的数据放入数组,最后提交到后台就OK了。

    先上一部分代码(这是表头以及一个全选按钮)

    平台日期交易日期

    chooseAll函数,判断全选按钮是否选中,然后遍历复选框做相应的选择。知识点:

    jQuery 选择器

    选择器

    实例

    选取

    *

    $("*")

    所有元素

    #id

    $("#lastname")

    id="lastname" 的元素

    .class

    $(".intro")

    所有 class="intro" 的元素

    我这里用到的.class

    function chooseAll() {

    if ($("#chooseAll").is(':checked')) {

    $(".choose").attr("checked", true);

    } else {

    $(".choose").attr("checked", false);

    }

    }

    如何动态生成表格数据,这里不做多说了,下面的data是ajax返回的json数据 checkbox的name全部为 ckItm,这在后面取数据的时候用到

    for (var i = 0; i < data.length; i++) {

    var $tr = $("

    ");

    var $td = $("

    ");

    $tr.append($td.clone().append(""));

    $tr.append($td.clone().text(data[i].platdate ? data[i].platdate : ""));

    $tr.append($td.clone().text(data[i].trandate ? data[i].trandate : ""));

    $tr.appendTo($("#querydata"));

    }

    提交按钮执行的动作就是遍历已经选中的checkbox,获取值传到后台,这里用到了数组的方式,大家也可以用分隔符。

    $('input[name="ckItm"]:checked') 类型为input 且name为ckItm 并且选中的元素 .each遍历

    var list = []; list.push 向数组里面加一个元素

    $('#listButton').click(function () {

    var list = [];

    $('input[name="ckItm"]:checked').each(function () {

    list.push($(this).val());

    });

    if (list == "") {

    $u.alert("请选择需要经办的单据");

    } else {

    $u.ajax({

    async: false,

    url: "3002800007/batchMerSettleHandle.do",

    data: {"list[]": list},

    success: function (data) {

    alert(data);

    },

    error: function (data) {

    }

    });

    }

    });

    Java后台controller @RequestParam(value = "list[]", required = false) String[] list,接受数组类型的值

    @RequestMapping("/3002800007/batchMerSettleHandle")

    @ResponseBody

    public String batchMerSettleHandle(@RequestParam(value = "list[]", required = false) String[] list, HttpSession session) {

    return JSON.toJSONString(list);

    }

    最后效果:

    82b1169fcbe242ee3b3837171d0553a9.png

    最后祝大家大吉大利!

    以上这篇jQuery 实现批量提交表格多行数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    展开全文
  • Vue入门(二)

    2021-01-11 17:37:50
    文章目录表单操作获取单选框中的值获取复选框中的值获取下拉框和文本框中的值表单域修饰符 表单操作 获取单选框中的值 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且...

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


    表单操作

    获取单选框中的值

    1、 两个单选框需要同时通过v-model 双向绑定 一个值
    2、 每一个单选框必须要有value属性 且value 值不能一样
    3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据

       <input type="radio" id="male" value="1" v-model='gender'>
       <label for="male"></label>
       <input type="radio" id="female" value="2" v-model='gender'>
       <label for="female"></label>
    
     new Vue({
             data: {
                 // 默认会让当前的 value 值为 2 的单选框选中
                    gender: 2,  
                },
        })
    

    获取复选框中的值

    1. 复选框 checkbox 这种的组合时 data 中的 hobby 我们要定义成数组 否则无法实现多选
    2. this.hobby.toString()
       <input type="checkbox" id="ball" value="1" v-model='hobby'>
       <label for="ball">篮球</label>
       <input type="checkbox" id="sing" value="2" v-model='hobby'>
       <label for="sing">唱歌</label>
       <input type="checkbox" id="code" value="3" v-model='hobby'>
       <label for="code">写代码</label>
    
     new Vue({
             data: {
                    // 默认会让当前的 value 值为 2 和 3 的复选框选中
                    hobby: ['2', '3'],
                },
        })
    

    获取下拉框和文本框中的值

      <!-- multiple  多选 -->
          <select v-model='occupation' multiple>
              <option value="0">请选择职业...</option>
              <option value="1">教师</option>
              <option value="2">软件工程师</option>
              <option value="3">律师</option>
          </select>
             <!-- textarea 是 一个双标签   不需要绑定value 属性的  -->
            <textarea v-model='desc'></textarea>
    
     data: {
                    // 默认会让当前的 value 值为 2 和 3 的下拉框选中
                     occupation: ['2', '3'],
                 	 desc: 'nihao'
                },
    

    表单域修饰符

    • number:转化为数值
    • trim:去掉开始和结尾的空格
    • lazy : 将input事件切换为change事件

    自定义指令

    自定义指令的语法规则(获取元素焦点)

    • bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。

    • inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。

    Vue.directive('focus' {
    	inserted: function(el) {
    	// 获取元素的焦点
    	el.focus();
    	}
    }) 
    
    <input type="text" v-focus>
    

    带参数的自定义指令(改变元素背景色)

    Vue.directive(‘color', {
    inserted: function(el, binding) {
    	el.style.backgroundColor = binding.value.color;
    	}
    })
    
    <input type="text" v-color='{color:"orange"}'>
    

    局部指令

    directives: {
    focus: {
    // 指令的定义
    		inserted: function (el) {
    		el.focus()
    		}
    	}
    } 
    

    计算属性

    • 表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁
    computed: {
            reverseString: function(){
              return this.msg.split('').reverse().join('');
            }
          }
    

    . 计算属性与方法的区别

    • 计算属性是基于它们的依赖进行缓存的
    • 方法不存在缓存

    侦听器

    侦听器的应用场景

    数据变化时执行异步或开销较大的操作

    侦听器的用法

    watch: {
    	firstName: function(val){
    	// val表示变化之后的值
    	this.fullName = val + this.lastName;
    	},
    	lastName: function(val) {
    	this.fullName = this.firstName + val;
    	}
    }
    

    过滤器

    1、可以用与插值表达式和属性绑定
    2、支持级联操作

    过滤器使用

    <div>{{msg | upper}}</div>
    <div>{{msg | upper | lower}}</div>
    <div v-bind:id=“id | formatId"></div>
    

    自定义过滤器

      Vue.filter('upper', function(val) {
           return val.charAt(0).toUpperCase() + val.slice(1);
        });
    

    局部过滤器

     filters: {
            upper: function(val) {
              return val.charAt(0).toUpperCase() + val.slice(1);
            }
       }
    

    带参数的过滤器

     Vue.filter('format', function(value, arg) {
          if(arg == 'yyyy-MM-dd') {
            var ret = '';
            ret += value.getFullYear() + '-' + (value.getMonth() + 1) + '-' + value.getDate();
            return ret;
          }
          return value;
        })
    
    <div>{{date | format('yyyy-MM-dd')}}</div>
    

    生命周期

    挂载(初始化相关属性)
    ① beforeCreate
    ② created
    ③ beforeMount
    ④ mounted
    更新(元素或组件的变更操作)
    ① beforeUpdate
    ② updated
    销毁(销毁相关属性)
    ① beforeDestroy
    ② destroyed

    ① beforeCreate 在实例初始化之后,数据观测和事件配置之前被调用。
    ② created 在实例创建完成后被立即调用。
    ③ beforeMount 在挂载开始之前被调用。
    ④ mounted el被新创建的vm.$el替换,并挂载到实例上去之后调用该钩子。
    ⑤ beforeUpdate 数据更新时调用,发生在虚拟DOM打补丁之前。
    ⑥ updated 由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。
    ⑦ beforeDestroy 实例销毁之前调用。
    ⑧ destroyed 实例销毁后调用

    数组响应式变化

    Vue.set(vm.items, indexOfItem, newValue)
    vm.$set(vm.items, indexOfItem, newValue)
    ① 参数一表示要处理的数组名称
    ② 参数二表示要处理的数组的索引
    ③ 参数三表示要处理的数组的值

    展开全文
  • 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...
  • 选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击弹窗对话框上面的确定...
  • javascript网页特效实例

    热门讨论 2010-10-28 08:54:15
    实例073 不提交表单获取复选框的值 118 实例074 控制复选框的全选或反选 118 实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单...
  • 3、复选框与单选框: 在选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击...
  • 实例286 通过commons-fileUpload组件获取其他表单元素 实例287 通过commons-fileUpload组件限制上传文件类型 11.4 文件下载 实例288 利用响应输出流实现文件下载 实例289 防止网站文件盗链下载 实例290 隐藏...
  • JavaScript网页特效范例宝典源码

    千次下载 热门讨论 2013-09-04 10:40:38
    实例073 不提交表单获取复选框的值 118 实例074 控制复选框的全选或反选 118 实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码...
  • 设置当前选中项回显、清空复选框事件 Function(dom节点) - 否 exportBut type[] 列表导出等对象操作描述,使用用法: 参数 说明 类型 默认值 必填项 title 按钮文本显示 String - 是 href 下载链接 ...
  • 选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击弹窗对话框上面的确定...
  • 3、复选框与单选框: 在选中复选框或单选框时,为了增加鼠标点选的方便性,点击其后面的文字同样能够起到选择复选框或单选框的作用。 4、弹窗对话框: 弹窗对话框是系统对管理员做出操作的回应,通常情况下可点击...
  • 1056 没有批量编辑权限的情况下,把多选框去掉 1055 查看组织日志/TODO时,横向滚动时,锁定前两列的部门及员工姓名。 1053 启动任务的时候自动修改指派者 1052 测试任务的用例列表增加搜索功能 1049 备注编辑...
  • 实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...
  • 实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...
  • 2018年7月迭代计划

    2021-01-06 15:53:37
    但是不能清空和删除 #1062</li><li>[x] stl:login登录和stl:register注册提示“请求的资源不在服务器上” #975</li><li>[x] 栏目管理中复选框无法正常勾选 #1072</li><li>[x] 在回收站点击删除后,内容标题不...
  • 3.3.3 自动生成getter和setter代码 30 3.3.4 代码的重构 31 3.3.5 查看源代码 31 3.3.6 代码的展开和折叠 32 3.3.7 代码比较 33 3.3.8 子类中覆盖父类的方法 34 3.4 代码错误提示 34 3.4.1 如何定位...
  • 3.3.3 自动生成getter和setter代码 30 3.3.4 代码的重构 31 3.3.5 查看源代码 31 3.3.6 代码的展开和折叠 32 3.3.7 代码比较 33 3.3.8 子类中覆盖父类的方法 34 3.4 代码错误提示 34 3.4.1 如何定位...
  • □:复选框(用汉字描述默认选中还是未选中) ∑:合计 2 流程图图例说明 图例 说明 准备开始,流程的开始。 系统进程,系统中处理的活动或进程。 判定,表示对某条件进行判断。 手工子流程,包括多个进程或...
  • 33.06 用复选框操作属性列表显示 D+ k( T; J. J" `2 u 34.07 属性参数的提交) O0 o, s0 X \! P! @0 b& H 35.08 sku的数据结构说明8 m! S+ i9 k) W4 F# ?7 U 36.09 sku添加的业务实现1 |' b G% [! w/ J* C n; N 37.10...
  • o* g3 S 30.03 sku功能跳转 31.04 客户端js函数中的el表达式 32.05 异步加载spu列表数据# M& R, \7 \3 y z- w+ a% }( g" ^ 33.06 用复选框操作属性列表显示 D+ k( T; J. J" `2 u 34.07 属性参数的提交) O0 o, s0 X ...
  • C#编程经验技巧宝典

    热门讨论 2008-06-01 08:59:33
    54 <br>0075 用回溯法找出n个自然数中取r个数的全排列 55 <br>0076 约瑟夫环问题 56 <br>0077 猴子大王 57 <br>0078 如何判断IP是否正确 57 <br>0079 如何将小写金额转换为大写金额 57...
  • 电子商务商城网站代码

    热门讨论 2010-01-06 09:50:53
    选项设置(允许多人同时使用此帐号登录|允许管理员修改密码|是否锁定)(复选) 添加管理员 角色管理 给管理员分配权限及角色设置和修改删除 添加角色 会员管理 普通会员管理 | 添加:(批量删除、批量锁定、发送...

空空如也

空空如也

1 2
收藏数 25
精华内容 10
关键字:

复选框选中生成表单