jquery 常用的表单元素控制

判断radio是否选中并取得选中的值

One:
$("input[name=‘items‘]:checked").val(); 
Two:

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--选中的值为:"+$(":radio:checked").val());
}
}
 

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关

获取一组radio被选中项的值

 var item = $(‘input[name=items][checked]‘).val();

获取select被选中项的文本

var item = $("select[name=items] option[selected]").text();

select下拉框的第二个元素为当前选中值

 $(‘#select_id‘)[0].selectedIndex = 1;  

radio单选组的第二个元素为当前选中值

 $(‘input[name=items]‘).get(1).checked = true;

获取值:

文本框,文本区域:

$("#txt").attr("value");   

多选框checkbox:

$("#checkbox_id").attr("value");$("#chk1").attr("checked",‘‘);//不打勾   

 $("#chk2").attr("checked",true);//打勾   

 if($("#chk1").attr(‘checked‘)==undefined) //判断是否已经打勾    

单选组radio:

$("input[type=radio][checked]").val();$("input[type=radio]").attr("checked",‘2‘);//设置value=2的项目为当前选中项    

下拉框select:

$(‘#sel‘).val(); 

控制表单元素:

文本框,文本区域:

$("#txt").attr("value",‘‘);//清空内容   

$("#txt").attr("value",‘11‘);//填充内容  

下拉框select:

$("#sel").attr("value",‘-sel3‘);//设置value=-sel3的项目为当前选中项   

$("<option value=‘1‘>1111</option><option value=‘2‘>2222</option>").appendTo("#sel")//添加下拉框的option   

$("#sel").empty();//清空下拉框 
时间: 2024-08-29 05:09:44

jquery 常用的表单元素控制的相关文章

自定义常用input表单元素三:纯css实现自定义Switch开关按钮

自定义常用input表单元素的第三篇,自定义一个Switch开关,表面上看是和input没关系,其实这里采用的是checkbox的checked值的切换.同样,采用css伪类和"+"css选择器为思路,下面是预览图: 下面先放HTML代码,看下DOM结构: <input type="checkbox" id="my_switch" class="my_switch"> <label for="my_

Jquery学习笔记-表单元素选择器

1. :input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>.<select> 和 <button>标记的表单元素,因此,它选择的表单元素是最广的. $("#frmTest :input")表单选择器代码获取了表单中的全部元素 2. :text表单文本选择器可以获取表单中全部单行的文本输入框元素,单行的文本输入框就像一个不换行的字条工具,使用非常广泛. 通过:

jQuery操作Form表单元素

Web开发中常常须要操作表单,form表单元素有select.checkbox.radio.textarea.button.file.text.hidden.password等. 当中checkbox和radio的读写值操作比較多变,checkbox和radio常常常使用在一个分组里.实现多选或者单选. jQuery提供了利用表单选择器我们能够极其方便地获取表单的某个或某类型的元素. 选择器 返回 演示样例 :input 集合元素 $(":input")选取全部,,和元素. :text

jQuery选择器之表单元素选择器

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&

基于JQuery实现表单元素值的回写

form.jsp: <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html &

Ember.js 入门指南——表单元素

文章从(http://ibeginner.sinaapp.com)迁移过来,欢迎访问原页面. Ember提供的表单元素都是经过封装的,封装成了view组件.经过解析渲染之后就会生成普通的HTML标签.更多详细信息你可以查看他们的实现源码:Ember.TextField.Ember.Chechbox.Ember.TextArea. 按照惯例,先创建一个route:ember generate route form-helper. 1,input助手 {{! //app/templates/form

Jquery常用表单元素操作总结

页面当中经常要做一些checkbox,radio,select,input等表单元素的操作.做为我这样的懒人早就该总结以下,免去用到的时候,不想从头写,又不得不去以前的代码中翻.下面的代码来自实际项目中,亲测可用.呵呵-- 一.checkbox 对checkbox的判断往往是checkbox有没有被勾选.也经常有一个复选框控制其它全部复选框的选中和取消选中.如下图: 页面左上角的复选框的选中控制表格中所有的复选框.代码如下: 为了操作方便,给控制全选的复选框增加一个id叫checkAll 下面的

jQuery控制form表单元素聚焦

CreateTime--2017年5月28日08:57:16Author:Marydon jQuery使form表单的第一个文本框聚焦 /** * 使form表单的第一个文本框聚焦 */ function makeFirstTextFormElementFocused (formId) { $('#' + formId + ' :text').eq(0).focus(); } 测试: window.onload = function() { makeFirstTextFormElementFoc

jQuery基础(常用插件 表单验证,图片放大镜,自定义对象级,jQuery UI,面板折叠)

1.表单验证插件--validate   该插件自带包含必填.数字.URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置.     2.表单插件--form 通过表单form插件,调用ajaxForm()方法,实现ajax方式向服务器提交表单数据,并通过方法中的option