首页 web前端 js教程 jQuery对表单元素的取值和赋值操作代码_jquery

jQuery对表单元素的取值和赋值操作代码_jquery

May 16, 2016 pm 06:06 PM
取值 赋值

$("#keyword")[0].value = "";


/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");
//或者
var textval = $("#text_id").val();

/*获取单选按钮的值*/
var valradio = $("input[type=radio]:checked").val();

/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[name=items]:checked').val();

/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");

/*获取下拉列表的值*/
var selectval = $('#select_id').val();

/*文本框,文本区域*/
$("#text_id").attr("value",");//清空内容
$("#text_id").attr("value",'test');//填充内容

/*多选框checkbox*/
$("#chk_id").attr("checked",");//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中

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

/*下拉框select*/
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("testtest2").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[name=items]:checked').val(); //若未被选中 则val() = undefined

/*获取select被选中项的文本*/
var item = $("select[name=items] option:selected").text();

/*select下拉框的第二个元素为当前选中值*/
$('#select_id')[0].selectedIndex = 1;

/*radio单选组的第二个元素为当前选中值*/
$('input[name=items]').get(1).checked = true;

/*重置表单*/
$("form").each(function(){
.reset();
});
jQuery对html元素取值与赋值

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容
Jquery给基本控件的取值、赋值

TEXTBOX:
var str = $('#txt').val();

$('#txt').val("Set Lbl Value");

//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容
LABLE:

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

var valradio = $("input[@type=radio][@checked]").val();
var item = $('input[@name=items][@checked]').val();
var checkboxval = $("#checkbox_id").attr("value");
var selectval = $('#select_id').val();
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);// 勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
单选组radio:

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

//下拉框select:
$("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项
$("").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框

获取一组名为 (items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获 取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

//重置表单
$("form").each(function(){
.reset();
});
摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容
Jquery给基本控件的取值、赋值

TEXTBOX:
var str = $('#txt').val();

$('#txt').val("Set Lbl Value");

//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容
LABLE:

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

var valradio = $("input[@type=radio][@checked]").val();
var item = $('input[@name=items][@checked]').val();
var checkboxval = $("#checkbox_id").attr("value");
var selectval = $('#select_id').val();
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);// 勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中
单选组radio:

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

//下拉框select:
$("#select_id").attr("value",'test');// 设置value=test的项目为当前选中项
$("").appendTo("#select_id")//添加下拉框的 option
$("#select_id").empty();//清空下拉框

获取一组名为 (items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获 取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

//重置表单
$("form").each(function(){
.reset();
});

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何为VMware虚拟机启用复制和粘贴 如何为VMware虚拟机启用复制和粘贴 Feb 21, 2024 am 10:09 AM

您可以轻松地在VMware虚拟机(VM)和物理系统之间复制和粘贴文本和文件。这种功能让您可以方便地在虚拟机和主机系统之间传输图像、格式化和非格式化文本,甚至电子邮件附件。本文将向您展示如何启用这一功能,并演示复制数据、文件和文件夹的方法。如何在VMware中启用复制/粘贴VMware提供了三种不同的方式将数据、文件或文件夹从虚拟机复制到物理计算机,反之亦然,如下所述:复制和粘贴要素拖放功能文件夹共享1]使用VMware工具启用复制粘贴如果您的VMWare安装和来宾操作系统满足要求,则可以使用键盘

如何在Word中复制页面 如何在Word中复制页面 Feb 20, 2024 am 10:09 AM

是否要复制MicrosoftWord中的页面,并保持格式不变?这是一个聪明的想法,因为当您想要创建特定文档布局或格式的多个副本时,在Word中复制页面可能是一种有用的节省时间的技术。本指南将逐步引导您在Word中复制页面的过程,无论是创建模板还是复制文档中的特定页面。这些简单的说明旨在帮助您轻松地重新制作页面,省去从头开始的麻烦。为什么要在MicrosoftWord中复制页面?在Word中复制页面非常有益的原因有以下几点:当您有一个具有特定布局或格式的文档要复制时。与从头开始重新创建整个页面不同

在终端中禁用或启用自动复制所选内容以进行复制 在终端中禁用或启用自动复制所选内容以进行复制 Mar 24, 2024 am 09:46 AM

本文将向您介绍如何在Windows终端中启用或禁用自动将选择内容复制到剪贴板的功能。Windows终端是微软专为Windows11/10开发的多标签终端模拟器,取代了传统的命令提示符。它支持运行命令提示符、PowerShell、WSL、Azure等应用程序。通常在终端工作时,用户需要复制命令和输出,然而终端默认情况下不支持复制选择操作。请继续阅读本文,了解如何解决这个问题。如何在终端中启用或禁用自动复制所选内容到缓存?以下是您如何启用或禁用自动复制选择到终端剪贴板:打开终端应用程序,然后点击上面

解锁 macOS 剪贴板历史记录,高效复制、粘贴技巧 解锁 macOS 剪贴板历史记录,高效复制、粘贴技巧 Feb 19, 2024 pm 01:18 PM

在Mac上,经常需要在不同文档之间复制和粘贴内容是常见的。macOS的剪贴板只保留最后一个复制项,这限制了我们的工作效率。幸运的是,有一些第三方应用程序可以帮助我们轻松查看和管理剪贴板的历史记录。如何在「访达」中查看剪贴板内容「访达」中内置了一个剪贴板查看器,让你可以随时查看当前剪贴板中的内容,以免错误粘贴。操作非常简单:打开「访达」,点击「编辑」菜单,然后选择「显示剪贴板」。在「访达」中查看剪贴板内容这个功能虽小,却有几点需要注意:「访达」中的剪贴板查看器只能显示内容,无法编辑。如果你复制的是

php中赋值方式有哪些 php中赋值方式有哪些 Jul 26, 2023 pm 01:11 PM

php中赋值方式有:1、直接赋值,使用"="操作符直接为变量赋值;2、引用赋值,使用"=&"操作符,将一个变量的引用赋给另一个变量;3、动态赋值,通过变量名的字符串形式,使用可变变量进行赋值;4、数组赋值,将一个数组赋给另一个变量;5、列表赋值,将一个数组的值赋给一组变量,一次可以赋多个值;6、对象赋值,将一个对象赋给一个变量;7、使用赋值运算符的扩展形式,如+=、-=等。

技巧和注意事项:不同的字符串数组赋值方法 技巧和注意事项:不同的字符串数组赋值方法 Dec 26, 2023 am 11:30 AM

使用不同方式给字符串数组赋值的技巧与注意事项简介:在编程中,经常需要使用数组来存储一组相关数据。尤其是在处理字符串时,经常需要使用字符串数组来存储多个字符串。本文将介绍一些常用的方法,给字符串数组赋值的技巧和注意事项,并提供代码示例。直接赋值直接赋值是最简单的一种方式,可以在声明字符串数组的同时,直接给数组元素赋值。示例代码如下:String[]fruit

字符串数组赋值方式有哪些 字符串数组赋值方式有哪些 Dec 25, 2023 pm 05:07 PM

常见编程语言中字符串数组的赋值方式:1、Python:“string_array = ["apple", "banana", "cherry"]”;2、Java:“String[] stringArray = {"apple", "banana", "cherry"}”;3、C++等等。

学习Golang中的变量定义和赋值 学习Golang中的变量定义和赋值 Jan 18, 2024 am 10:00 AM

Golang中变量的定义与赋值,需要具体代码示例在Golang中,变量的定义和赋值是非常简单和直观的。本文将通过具体的代码示例来介绍Golang中变量的定义和赋值。首先,我们来看看Golang中变量的定义。在Golang中,变量的定义可以使用var关键字来完成。具体的语法如下所示:var变量名类型其中,var表示变量的定义关键字,变量名为你自己定义的变量

See all articles