精华内容
下载资源
问答
  • js获取复选框的value

    2019-09-09 09:34:55
    思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。 html部分: <div class="category"> <span>所属产品线</span> <div> <ul&...

    思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。

    html部分:

    <div class="category">
       <span>所属产品线</span>
       <div>
         <ul>
           <li><input type="checkbox" name="category"  value="1"><div class="option"></div><span>1</span></li>
           <li><input type="checkbox" name="category"  value="2"><div class="option"></div><span>2</span></li>
           <li><input type="checkbox" name="category"  value="3"><div class="option"></div><span>3</span></li>
           <li><input type="checkbox" name="category"  value="4"><div class="option"></div><span>4</span></li>
           <li><input type="checkbox" name="category"  value="5"><div class="option"></div><span>5</span></li>
           <li><input type="checkbox" name="category"  value="6"><div class="option"></div><span>6</span></li>
           <li><input type="checkbox" name="category"  value="7"><div class="option"></div><span>7</span></li>
         </ul>
       </div>
    </div>

    js部分:

    var date = document.getElementsByName("category"); 
            check_val = [];
            for(k in date){
               if(date[k].checked){
                  check_val.push(date[k].value);
    			}
    		}

     

    展开全文
  • js 获取复选框选中的值

    千次阅读 2018-08-08 17:57:07
    二 获取多选框的值: 思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。 1、HTML结构 &lt;input type="checkbox" name="test" ...

    一 单选框的值

    代码:

    $("input[type='radio']:checked").val()

    二 获取多选框的值:

    思路:利用name属性值获取checkbox对象,然后循环判断checked属性(true表示被选中,false表示未选中)。

    1、HTML结构

    <input type="checkbox" name="test" value="1"/><span>1</span>
    <input type="checkbox" name="test" value="2"/><span>2</span>
    <input type="checkbox" name="test" value="3"/><span>3</span>
    <input type="checkbox" name="test" value="4"/><span>4</span>
    <input type="checkbox" name="test" value="5"/><span>5</span>
    <input type='button' value='提交' onclick="show()"/>

    2、javascript代码(jQuery)

    function show(){
        obj = document.getElementsByName("test");
        check_val = [];
        for(k in obj){
            if(obj[k].checked)
                check_val.push(obj[k].value);
        }
        alert(check_val);
    }
    展开全文
  • 思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。 1、HTML结构 &lt;input type="checkbox" name="test" value="...

    思路:首先利用name属性值获取checkbox对象,然后循环判断checked属性:如果为true表示被选中,false则表示未选中。

    1、HTML结构

    <input type="checkbox" name="test" value="1"/><span>1</span>

    <input type="checkbox" name="test" value="2"/><span>2</span>

    <input type="checkbox" name="test" value="3"/><span>3</span>

    <input type="checkbox" name="test" value="4"/><span>4</span>

    <input type="checkbox" name="test" value="5"/><span>5</span>

    <input type='button' value='提交' onclick="fun()"/>

     

    2、javascript代码

    function fun(){

        obj = document.getElementsByName("test");

        check_val = [];

        for(k in obj){

            if(obj[k].checked)

                check_val.push(obj[k].value);

        }

        alert(check_val);

    }

    展开全文
  • 我们接着分享关于input标签内容,今天说是...checked属性表示此选项默认情况是勾选,因为复选框是没有分组互斥概念,所以name属性也没有设置成同名这种操作。 示例代码: <html> <he...

    我们接着分享关于input标签的内容,今天说的是复选框,单选按钮只能从列表中选择一项,其他互斥,而复选框可以从选项中选择一项或多项,是并行的概念。

     

    语法:

     

     

    <input type="checkbox" value="复选框值" checked="checked">

     

    checked属性表示此选项默认情况是勾选的,因为复选框是没有分组互斥的概念的,所以name属性也没有设置成同名的这种操作。

     

    示例代码:

     

     

    <html>  <head>    <title>复选框</title>  </head>  <body>    你想学习的编程语言有:<br>    <input type="checkbox" id="checkbox1" name="checkbox1" value="html">HTML<br>    <input type="checkbox" id="checkbox2" name="checkbox2" value="css">CSS<br>    <input type="checkbox" id="checkbox3" name="checkbox3" value="javascript">Javascript<br>  </body></html>

     

    我们运行浏览器后,发现可以多项选择,这个就是复选框的使用方法。不知道大家有没有发现,之前的单选按钮,和现在的多选按钮,需要选择时都需要直接去点击圆点和方框,才可以生效,对于文字单击,是没有效果的。

     

    这里我们就要介绍一个通用标签了,label标签,它使用for属性来绑定与哪个input标签产生关联,给个示例代码让大家明白一下。

     

    ​​​​​​​

    <html>  <head>    <title>复选框带label</title>  </head>  <body>    不带label标签的复选框:<br>    <input type="checkbox">苹果<br>    <input type="checkbox">香蕉<br>    <input type="checkbox">桔子<br>    带label标签的复选框:<br>    <input type="checkbox" id="checkbox1"><label for="checkbox1">苹果</label><br>    <input type="checkbox" id="checkbox2"><label for="checkbox2">香蕉</label><br>    <input type="checkbox" id="checkbox3"><label for="checkbox3">桔子</label><br>  </body></html>

     

    大家有没有感受到区别,使用label标签的复选框,点击框体和文字,都会有选中的效果,省事多了。没有label标签的复选框,需要每个都点击框体,才会有效果。这个对于操作的用户来讲,方便,轻松许多。

     

    那么label标签是如何与input标签对应的呢?这个就是为什么在每个表单控件都需要有id了,只有你给控件命名了id,在label标签中使用for属性,指明是哪个id,就对应哪个标签。大家自己体会一下。

     

     


     

    表单按钮:

    下面我们说说,在HTML中,按钮分为三种:

    1、普通按钮button

    2、提交按钮submit

    3、重置按钮reset

     

    普通按钮button:

     

    在HTML中,普通按钮的作用都是为了启动javascript脚本的,单独使用button按钮没有什么实际意义。

     

    语法:

     

     

    <input type="button" value="按钮显示名称" onclick="javascript脚本程序">

     

    value的取值就是显示在按钮上的文字,onclick是普通按钮的事件,关于事件的内容,我们后期到学习JavaScript时给大家分享。

     

    示例代码:

     

    ​​​​​​​

    <html>  <head>    <title>普通按钮</title>  </head>  <body>    单击按钮弹出对话框:    <input type="button" value="单击我试试" onclick="alert('你单击了我');">  </body></html>

     

    运行程序后,你单击按钮,就出发了按钮的onclick事件,事件就调用了脚本程序,alert是JavaScript程序中,弹出提示框的方法,所以你看到一个弹出框体。

     

    提交按钮submit:

     

    提交按钮是一种具有特殊功能的按钮,单击此按钮,表单中填入的内容均会被提交给服务器处理。

     

    语法:

     

     

    <input type="submit" value="保存">

     

    提交按钮的使用,是需要配合学习后端技术后才可以见到效果的,这里我们就先了解一下。

     

    重置按钮reset:

     

    重置按钮也是一种具有特殊功能的按钮,它可以一键清除网页中全部填写的内容,达到清空的目的。

     

    语法:

     

     

    <input type="reset" value="重置按钮的名称">

     

    此按钮一般在网页中设置一个即可,单击此按钮网页自动清除填写的内容。

     

    示例代码:

    ​​​​​​​

    <html>  <head>    <title>重置按钮</title>  </head>  <body>    <form>    <p>模拟用户注册</p>    姓名:<input type="text"><br>    用户名:<input type="text"><br>    密码:<input type="password"><br>    确认密码:<input type="password"><br>    电子邮箱:<input type="text"><br>    <input type="reset" value="清空内容">    </form>  </body></html>

     

    这里我们模拟用户注册时的场景,用户填写了内容,单击此重置按钮,全部内容清空了,用户可以重新填写内容,不用一个一个的删除内容再填写,方便用户。

     

    提交按钮和重置按钮,需要起作用,必须包含在form表单内才可以,否则无效;另外重置按钮也只能清除其所在的form表单的内容,对于其他form表单的内容不影响,这点大家需要了解。

     

    下节我们接着分享关于input标签其他的内容。

     

     

     

    展开全文
  • HTML文本框 即表示文本框  并且只能够输入一行  如果要输入多行  使用文本域  注: 标签很特别,一般是不需要写成或者 ...使用属性value 4.有背景文字文本框 使用属性placeholder  placeholder是一个ht
  • 一、单选按钮单选按钮:单选按钮用 v-model 绑定填值属性用来表示checked,用于判断是否选中。当单选按钮没写value值时,在 vue.js 中将赋为null。在普通标签中,当没写name时,html 会默认将没写name 单选按钮...
  • struts2的checkbox标签在使用的时候需要注意它的两个属性value和fieldValue,在其他的...fieldValue才是此复选框对应的真实的值。 例如: 显示代码打印 1 对应的html为 显示代码打印 1 ...
  • Struts中标签s:checkbox用处

    千次阅读 2015-03-12 17:12:18
    学习了Struts2中的标签s:checkbox 的重大用处: ...属性 fieldValue属性表示与name="ids"的value值。 注意:如果复选框选中那么fieldValue可以给name="ids"赋值。如果有多个就会是一个字符串"1,2,3,4..."  这个
  • struts2 checkbox标签用法

    千次阅读 2008-07-07 13:50:00
    struts2的checkbox标签在使用的时候需要注意它的两个属性value和fieldValue,在其他的标签中value是真实值。而在checkbox中,value如果...fieldValue才是此复选框对应的真实的值。例如:对应的html为;,对应的html为;
  • DataTimePicker控件总结

    千次阅读 2020-05-17 09:42:36
    常用属性 ...该属性表示获取或设置一个,该在选定日期左侧是否显示一个复选框。 ShowUpDown属性属性表示获取或设置一个,该指示是否使用数值调节钮控件调整日期/时间Value属...
  • Struts之checkbox标签

    2012-11-26 11:02:51
    struts2的checkbox标签在使用的时候需要注意它的两个属性value和fieldValue,在...fieldValue才是此复选框对应的真实的值。 当我们需要根据list的个数来定义checkbox时,可以定义name相同的checkbox,在后台接受时,
  • Struts2 checkbox用法

    2009-09-07 19:08:09
    struts2的checkbox标签在使用的时候需要注意它的两个属性value和fieldValue,在其他的标签中value是真实值。...fieldValue才是此复选框对应的真实的值。   例如:   &lt;s:checkbox name="xingm...
  • s:check

    2011-07-20 18:34:21
    s:checkstruts2checkbox标签在使用时候需要注意它两个属性value和fieldValue,在其他标签中value是...而在checkbox中,value如果为true,就表示复选框被选中;如果为false就表示不被选中。fieldValue才是此
  • HTML表单元素简介

    2020-08-21 16:53:41
    input 文本框/密码框/单选按钮/复选框… 1.1文本框<input type=”text” name=”username” value=”初始”></input> 属性type=”text”–表示文本框 属性name=”username”—告诉后台处理程序文本框...
  • HTML表单元素

    2020-08-21 14:58:35
    文本框/密码框/单选按钮/复选框...... 1.1 文本框<input type=”text” name=”username” value=”初始”></input> 属性<type=”text”>--表示文本框 属性<name=”username”>---...
  • javascript函数解释

    2011-02-26 11:03:52
    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表名称加上.selectedIndex来确定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...
  • 用 object 可以表示所有类型。 预定义类型 下表列出了预定义类型,并说明如何使用。 类型 object 说明 所有其他类型最终 基类型 字符串类型; 字符串是 Unicode 字符序列 8 位有符号整型 16 位有符号整型 32 位...
  • ASP.NET网页代码模型及生命周期

    热门讨论 2009-07-28 14:22:11
    在创建时,去掉【将代码放在单独的文件中】复选框的选择即可创建单文件页模型的ASP.NET文件。创建后文件会自动创建相应的HTML代码以便页面的初始化,示例代码如下所示。 “C#” %> <!DOCTYPE html PUBLIC “-//W3C/...
  • C#全能速查宝典

    热门讨论 2014-04-26 16:16:27
    2.3.3 Checked属性——复选框是否处于选中状态 190 2.3.4 CheckedChanged事件——Checked属性更改时发生 191 2.3.5 CheckedListBox控件——复选框列表控件 191 2.3.6 CheckState属性——设置CheckBox控件状态 193 ...
  • chackbox 复选框 必须每个复选框name属性相同 submit 提交按钮 会提交表单 reset 重置按钮 会重置表单 button 普通按钮 image 图片按钮 会提交表单 hidden 隐藏域 file ...
  • if(f1.visi.checked){ //通过checked属性,能够得到这个复选框是否被选中Boolean pass.style.backgroundColor="FFEEEE"; v=f1.pwd.value; v2=f1.pwd2.value; chang.innerHTML= ...
  • 参数:disabled 说明:当checkBox为true显示复选框时可用,判断是否禁用字段 类型:String 补充:此参数传入内容为:data中表示复选框是否禁用数据字段 例{isDisabled: true, id: 1, children:[]},则disabled: '...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"> 四大标准属性: 1、id :定义元素在页面中独一无二的...
  • 自动显示布尔字段的复选框。允许显示 其他类型字段的复选框。 具有保存和还原布局程序(可见列,列 注册表或ini文件中顺序,列宽,排序标记,行高)。 允许显示提示(工具提示)以显示单元格中不适合...
  • CheckBox 复选框 RadioButton 单选按钮 TreeView / TreeViewItem 树视图 ProgressBar 进度条 TabControl / TabItem 选项卡 ListBox / ListBoxItem 列表 Slider 滑块 特殊控件 ResizeGrid 可调大小容器 Loading 等待...
  • flash shiti

    2014-03-14 10:32:41
    2.Flash中设置属性的命令是? A. Set Polity B. Polity C. Property D. Set Property 3.Flash action“while”意义是? A. 卸载动画片段符号 B. 声明局部变量 C. 当…成立时 D. 对…对象(Object)做 4.Flash...
  • 107个常用javascript语句

    2011-03-06 23:59:07
    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表名称加上.selectedIndex来確定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...

空空如也

空空如也

1 2
收藏数 32
精华内容 12
关键字:

复选框的value属性的值表示