zoukankan      html  css  js  c++  java
  • jQuery表单选择器 安静点

    表单选择器

    常用的有下面这些,具体的用法可以到:http://www.itprobie.com/jc/jQuery/jquery_html/checkbox.html

          * :input
          * :text
          * :checkbox
          * :radio
          * :checked: 选中的
     
    实例:
    <body>
    <form>
      用户名: <input type="text"/><br>
      密 码: <input type="password"/><br>
      爱 好:
      <input type="checkbox" checked="checked"/>篮球
      <input type="checkbox"/>足球
      <input type="checkbox" checked="checked"/>羽毛球 <br>
      性 别:
      <input type="radio" name="sex" value='male'/><input type="radio" name="sex" value='female'/><br>
      邮 箱: <input type="text" name="email" disabled="disabled"/><br>
      所在地:
      <select>
        <option value="1">北京</option>
        <option value="2" selected="selected">天津</option>
        <option value="3">河北</option>
      </select><br>
      <input type="submit" value="提交"/>
    </form>
    <body>
    1. 选择不可用的文本输入框
     $(':text:disabled').css('background', 'red')

      

    2. 显示选择爱好 的个数 
    $(':checkbox:checked').length
    3. 显示选择的城市名称 
     $(':submit').click(function () {
        var city = $('select>option:selected').html() // 选择的option的标签体文本
        city = $('select').val()  // 选择的option的value属性值 
      })

      

     
     
      
  • 相关阅读:
    Linux centos7修改根目录
    gitlab的安装
    windows上svn图标不显示 绿色对号
    java中的Serializable接口
    List Map Set的线程安全
    javascript中的each遍历
    jdk 1.7新特性
    jdk 1.6 新特性
    jdk1.5 新特性
    java 运算符
  • 原文地址:https://www.cnblogs.com/anjingdian/p/15553503.html
Copyright © 2011-2022 走看看