jQuery 表单选择器

来源:互联网 发布:linux ping 大包 编辑:程序博客网 时间:2024/06/08 07:03
  • :input 选取所有表单元素,返回集合
  • :text 选择所有单行文本框,即 type=text 集合元素
  • :password 选择所有密码框,即 type=password 集合元素
  • :radio 选择所有单选框,即 type=radio 集合元素
  • :checkbox 选择所有复选框,即 type=checkbox 集合元素:submit 选取所有提交按钮,即 type=submit 集合元素
  • :reset 选取所有重置按钮,即 type=reset 集合元素
  • :image 选取所有图像按钮,即 type=image 集合元素
  • :button 选择所有普通按钮,即 button 元素 集合元素
  • :file 选择所有文件按钮,即 type=file 集合元素
  • :hidden 选择所有不可见字段,即 type=hidden 集合元素

对于以下表单:

<form><input type="text" name="user" value="123" disabled/><input type="password" name="pass" value="456"/><textarea></textarea><select>    <option value="1">1</option>     <option value="2" selected>2</option>    <option value="3">3</option></select><select>    <option value="4">4</option>     <option value="5" selected>5</option>    <option value="6">6</option></select><button>2333</button><input type="radio" name="sex" value="nan" checked>男<input type="radio" name="sex" value="nv">女</form>

相应的操作:

alert($('input').size());          // 2 必须是input标签alert($(':input').eq(1).val());    // 5 所有表单控件alert($(':input').val());          // 默认获取集合中第一个的值

表单过滤器

  • :enabled 选取所有可用元素 集合元素
  • :disabled 选取所有不可用元素 集合元素
  • :checked 选取所有被选中的元素,单选和复选字段 (测试时发现也可以选中下拉列表)
  • :selected 选取所有下拉列表中被选中的元素,获得选定的元素的option对象
alert($(':enabled').size());   // 获取所有可用的元素alert($(':disabled').val());   // 获取所有不可用的元素alert($(':selected').size());  // 获取所有下拉框中被选中的元素 返回集合alert($(':selected').size());  // select 可以识别selected    checked可以识别checked和selected
0 0
原创粉丝点击