判斷Check複選框是否選中

來源:互聯網
上載者:User

標籤:style   blog   http   color   使用   os   strong   io   

1 <div id="prm_div" style="font-size: 12px;" align="left">2         <form id="cx"  method="post">3             <s:iterator var="item" value="#request.optionPrm" status="status">4                 <span><input class="btn1" type="checkbox" name="checkPrm"  style="margin: 3px 1px 0px 3px;" value="${item.id }" ${item.checked } />${item.text }</span>5             </s:iterator>6         </form>7     </div>

用Jquery 方法判斷checked 是否被選中.

1 if($(".btn1").filter(":checked").length==0){2                 alert("指標參數不可為空,請勾選!");3 }

 

jQuery :checkbox 選取器

 

jQuery 選取器參考手冊

 

執行個體

隱藏所有 type="checkbox" 的 <input> 元素:

$(":checkbox")

 

定義和用法

:checkbox 選取器選取類型為 checkbox 的 <input> 元素。

文法
$(":checkbox")

 

$(":checked")  表明執行被選中的選項

 

Html中的Checkbox應用

Checkbox 對象

Checkbox 對象代表一個 HTML 表單中的 一個選擇框。

在 HTML 文檔中 <input type="checkbox"> 每出現一次,Checkbox 對象就會被建立。

您可以通過遍曆表單的 elements[] 數組來訪問某個選擇框,或者通過使用 document.getElementById() 。

Checkbox 對象的屬性
屬性 描述
accessKey 設定或返回訪問 checkbox 的快速鍵。
alt 設定或返回不支援 checkbox 時顯示的替代文本。
checked 設定或返回 checkbox 是否應被選中。
defaultChecked 返回 checked 屬性的預設值。
disabled 設定或返回 checkbox 是否應被禁用。
form 返回對包含 checkbox 的表單的引用。
id 設定或返回 checkbox 的 id。
name 設定或返回 checkbox 的名稱。
tabIndex 設定或返回 checkbox 的 tab 鍵控制次序。
type 返回 checkbox 的表單元素類型。
value 設定或返回 checkbox 的 value 屬性的值
標準屬性
屬性 描述
className 設定或返回元素的 class 屬性。
dir 設定或返迴文本的方向。
lang 設定或返回元素的語言代碼。
title 設定或返回元素的 title 屬性。
Checkbox 對象的方法  
方法 描述
blur() 從 checkbox 上移開焦點。
click() 類比在 checkbox 中的一次滑鼠點擊。
focus()

為 checkbox 賦予焦點。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.