首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 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)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1319
25
PHP教程
1269
29
C# 教程
1248
24
如何為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中複製頁面非常有益的原因有以下幾點:當您有一個具有特定佈局或格式的文件要複製時。與從頭開始重新建立整個頁面不同

解鎖 macOS 剪貼簿歷史記錄,高效複製、貼上技巧 解鎖 macOS 剪貼簿歷史記錄,高效複製、貼上技巧 Feb 19, 2024 pm 01:18 PM

在Mac上,經常需要在不同文件之間複製和貼上內容是常見的。 macOS的剪貼簿只保留最後一個複製項,限制了我們的工作效率。幸運的是,有一些第三方應用程式可以幫助我們輕鬆查看和管理剪貼簿的歷史記錄。如何在「訪達」中查看剪貼簿內容「訪問」中內建了一個剪貼簿檢視器,讓你可以隨時查看目前剪貼簿中的內容,以免錯誤貼上。操作非常簡單:開啟「訪達」,點選「編輯」選單,然後選擇「顯示剪貼簿」。在「訪達」中查看剪貼簿內容這個功能雖小,卻有幾點要注意:「訪達」中的剪貼簿檢視器只能顯示內容,無法編輯。如果你複製的是

在終端機中停用或啟用自動複製所選內容以進行複製 在終端機中停用或啟用自動複製所選內容以進行複製 Mar 24, 2024 am 09:46 AM

本文將向您介紹如何在Windows終端機中啟用或停用自動將選擇內容複製到剪貼簿的功能。 Windows終端機是微軟專為Windows11/10開發的多標籤終端模擬器,取代了傳統的命令提示字元。它支援運行命令提示字元、PowerShell、WSL、Azure等應用程式。通常在終端機工作時,使用者需要複製命令和輸出,然而終端預設不支援複製選擇操作。請繼續閱讀本文,以了解如何解決這個問題。如何在終端機中啟用或停用自動複製所選內容到快取?以下是您如何啟用或停用自動複製選擇到終端剪貼簿:打開終端應用程序,然後點擊上面

學習Golang中的變數定義和賦值 學習Golang中的變數定義和賦值 Jan 18, 2024 am 10:00 AM

Golang中變數的定義與賦值,需要具體程式碼範例在Golang中,變數的定義和賦值是非常簡單且直觀的。本文將透過具體的程式碼範例來介紹Golang中變數的定義和賦值。首先,我們來看看Golang中變數的定義。在Golang中,變數的定義可以使用var關鍵字來完成。具體的語法如下所示:var變數名類型其中,var表示變數的定義關鍵字,變數名為你自己定義的變數

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

Go 語言中的變數賦值有哪些方式? Go 語言中的變數賦值有哪些方式? Jun 11, 2023 pm 01:22 PM

Go語言是一門靜態類型的程式語言,由Google開發,於2009年正式發布。它的風格簡潔,語法規範,對於並發編程提供了很好的支援。 Go語言中變數的賦值方式也是其特色之一。本文將介紹幾種常見的變數賦值方式。一、直接賦值Go語言中最基本的變數賦值方式是直接將變數賦值給一個值或表達式。例如:varainta=10以上代碼將整數10賦值給

See all articles