zoukankan      html  css  js  c++  java
  • input标签的type为select、radio、checkbox的使用

    1.<selecte>标签:中的name属性可以规定select元素的名称。
    作用:对提交到服务器后的表单数据进行标识,或者在客户端通过JavaScript引用表单数据。
    举例:<select id="selectID" >
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>
    使用:(1)绑定下拉框change事件---$("#selectID").change(function(){});
    (2)获取下拉框选中项的text属性值---$("selectID").find("option:selected").text();
    (3)获取下拉框选项中的value属性值----$("selectID").val();
    (4)获取下拉框选中的option标签----$("selectID").find("option:selected");

    2.<radio>标签--单选框
    举例:<div id="wrap"><input type="radio" checked="checked" name="Sex" value="male">
    <input type="radio" name="Sex" value="female"></div>
    解释:这2个radio的name值相同。
    使用:获取一组单选按钮的对象:var object=$('#wrap input[name="Sex"]');
    获取被选中按钮的值:var value=$('#wrap input[name="Sex"]:checked').val()

    3.checkbox标签--复选框
    举例:<input type="checkbox" id="Bike" name="Bike">自行车
    <input type="checkbox" id="Car" name="Car">汽车
    使用:可以查看是否被选中--$("#Bike").is(":checked")返回值为true fasle
    拓展:也可以和上面的radio一样设置一样name,获取被选中的值

    小贴士:
    (1)将时间类型转化为String类型。Datetime.ToString("yyyy-MM-dd HH-mm-ss").
    (2)时间控件:到laydate官网上下载对应的事件控件,将css和js添加到页面上。
    在页面中添加:<input class="laydate-icon" type="text" onclick="laydate({istime:true,format:'YYYY-MM-DD hh:mm:ss'})">
    (3)在jquery$()的括号中添加选择器,可以添加多个选择器,用空格隔开,表示这些选择器都被选中。

  • 相关阅读:
    JMeter学习(八)JDBC Request
    linearLayout 和 relativeLayout的属性区别
    Android基础类之BaseAdapter
    Android LayoutInflater详解
    ASP.NET数据库连接字符串的加密与解密
    C#中web.config文件详解
    sealed,new,virtual,abstract与override关键字的区别?
    jQuery $.post $.ajax用法
    2009-04-19 22:40 SQL SERVER游标的讲解
    触发器 (Delete Update)
  • 原文地址:https://www.cnblogs.com/minfan/p/6178556.html
Copyright © 2011-2022 走看看