首頁 web前端 js教程 jquery中通过过滤器获取表单元素的实现代码_jquery

jquery中通过过滤器获取表单元素的实现代码_jquery

May 16, 2016 pm 06:05 PM
表單元素 過濾器

:enable 获取可输入状态的元素
:disabled 获取不可输入状态的元素
:checked 获取选中的表单元素
:seleced 获取下拉框中选中的元素
下面看一粒例子
Html

复制代码 代码如下:











  • 绿











JavaScript代码:
复制代码 代码如下:



这里面有几点需要注意的是:
1 前面说到bind用来绑定事件,那么这里的unbind就是取消事件的
2 trigger() 方法触发被选元素的指定事件类型。
3 在jQuery(function(){里添加函数的时候,外面要加上括号,后面要加上小括号,如下
jQuery(function(){
(
function check()
{
})()
})
4 实现层中复选框选中并赋给其他元素值
html
复制代码 代码如下:







绿






javascript
复制代码 代码如下:

jQuery(function(){
(
function checkboxclick(){
$(":checkbox").unbind("click",checkboxclick);
var vv='';
$(":checkbox:checked").each(function(){
vv+=$(this).val()+",";
})
$("#cc").html("选择的数据:"+vv);
$(":checkbox").click(checkboxclick);
})()
})

效果图如下这种:

 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Vue報錯:無法正確使用filters中的過濾器,怎麼解決? Vue報錯:無法正確使用filters中的過濾器,怎麼解決? Aug 26, 2023 pm 01:10 PM

Vue報錯:無法正確使用filters中的過濾器,怎麼解決?引言:在Vue中,過濾器(filters)是常用的功能,可以用來格式化資料或過濾。然而,在使用過程中,有時我們可能會遇到無法正確使用過濾器的問題。本文將介紹一些常見的原因和解決方法。一、原因分析:過濾器未正確註冊:Vue中的過濾器需要先註冊,才能在模板中使用。如果過濾器未成功註冊,

Vue技術開發中如何進行資料篩選與排序 Vue技術開發中如何進行資料篩選與排序 Oct 09, 2023 pm 01:25 PM

Vue技術開發中如何進行資料篩選和排序在Vue技術開發中,資料篩選和排序是非常常見且重要的功能。透過資料篩選和排序,我們可以快速查詢和展示我們需要的信息,提高用戶體驗。本文將介紹在Vue中如何進行資料篩選和排序,並提供具體的程式碼範例,幫助讀者更好地理解和運用這些功能。一、資料篩選資料篩選是指依照特定的條件篩選出符合要求的資料。在Vue中,我們可以透過comp

PHP電子郵件過濾器:過濾並辨識垃圾郵件。 PHP電子郵件過濾器:過濾並辨識垃圾郵件。 Sep 19, 2023 pm 12:51 PM

PHP電子郵件過濾器:過濾並辨識垃圾郵件。隨著電子郵件的廣泛應用,垃圾郵件的數量也不斷增加。對於用戶來說,接收到的大量垃圾郵件會導致資訊過載和時間浪費。因此,我們需要一種高效的方法來過濾和識別垃圾郵件。本文將介紹如何使用PHP編寫一個簡單但有效的電子郵件篩選器,並提供具體的程式碼範例。郵件過濾器基本原理郵件過濾器的基本原理是透過分析郵件的內容和屬性,判斷其是否

Vue3中的過濾器函數:優雅的處理數據 Vue3中的過濾器函數:優雅的處理數據 Jun 18, 2023 pm 02:46 PM

Vue3中的過濾器函數:優雅的處理資料Vue是一個流行的JavaScript框架,擁有龐大的社群和強大的插件系統。在Vue中,過濾器函數是一種非常實用的工具,允許我們在模板中對資料進行處理和格式化。 Vue3中的過濾器函數有了一些改變,在這篇文章中,我們將深入探討Vue3中的過濾器函數,學習如何使用它們優雅地處理資料。什麼是濾波器函數?在Vue中,過濾器函數是

在PHP中,FILTER_VALIDATE_URL常數表示用於驗證URL的篩選器 在PHP中,FILTER_VALIDATE_URL常數表示用於驗證URL的篩選器 Sep 14, 2023 am 10:37 AM

FILTER_VALIDATE_URL常數用於驗證URL。標誌FILTER_FLAG_SCHEME_REQUIRED−URL必須符合RFC標準。 FILTER_FLAG_HOST_REQUIRED−URL必須包含主機名稱。 FILTER_FLAG_PATH_REQUIRED−URL必須在網域後面有路徑。 FILTER_FLAG_QUERY_REQUIRED−URL必須有查詢字串。傳回值FILTER_VALIDATE_URL

PHP 正規表示式:如何符合 HTML 中的所有帶有 name 屬性的表單元素 PHP 正規表示式:如何符合 HTML 中的所有帶有 name 屬性的表單元素 Jun 22, 2023 am 10:17 AM

在編寫PHP程式時,經常需要使用正規表示式來處理文字。在Web開發中,經常需要從HTML中提取出特定的資訊。本文將介紹如何使用PHP正規表示式來符合HTML中所有帶有name屬性的表單元素。 HTML表單元素是Web表單中的核心元件,其中包含文字方塊、複選框、單選按鈕、下拉式清單等。在網路應用程式中,表單元素通常使用name

Vue 中使用插件實現自訂過濾器的技巧 Vue 中使用插件實現自訂過濾器的技巧 Jun 25, 2023 pm 05:01 PM

Vue中使用插件實作自訂過濾器的技巧Vue.js提供了一種方便的方式來處理視圖資料過濾的需求,即過濾器(Filter)。過濾器主要負責將視圖中的資料進行格式化和處理,使資料更加直觀和易於理解。 Vue內建了一些常用的過濾器,例如日期格式化、貨幣格式化等,同時也支援自訂過濾器。本文將介紹如何使用Vue插件實作自訂過濾器的技巧,並提供一些實用的過濾

解決Tomcat亂碼的幾種方法 解決Tomcat亂碼的幾種方法 Dec 28, 2023 pm 01:32 PM

解決Tomcat中文亂碼問題的幾種方法,需要具體程式碼範例在Web開發中,我們經常會遇到Tomcat中文亂碼問題。這種問題在處理中文字符時會導致亂碼或顯示為方框、問號等字符,給用戶帶來不好的體驗。為了解決這個問題,本文將介紹幾種常用的方法,並提供具體的程式碼範例。修改Tomcat設定檔在Tomcat的安裝目錄下找到conf/server.xml文件,搜尋默認

See all articles