jquery設定單選框radio選中的方法
用jquery來操作網頁中的單選按鈕radio,設定某一個radio選中,一般有倆種方法:
一種是用索引:
-
<script language="javascript">
-
//獲取網頁中name=angel的單選按鈕,取第一個,新增屬性checked=checked,也就是讓其選中
-
$("input[name=angel]:eq(0)").attr("checked",'checked');
-
</script>
上面這種方法的弊端很明顯,如果我們網頁中有多個單選按鈕的話,並且是動態生成的話,我們要讓其中的一個選中,有時我們並知道他的索引,所以用值來進行篩選的方法是最好的:
-
<script language="javascript">
-
//獲取網頁中的單選按鈕,挑選其中name=angel,value=0的,讓其選中
-
$("input[type=radio][name=angel][value=0]").attr("checked",'checked')
-
</script>
用jquery來操作radio一般就上面這倆種方法了。
相關推薦
jquery設定單選框radio選中的方法
用jquery來操作網頁中的單選按鈕radio,設定某一個radio選中,一般有倆種方法: 一種是用索引: <script language="javascript"> //獲取網頁中name=angel的單選按鈕,取第一個,新增屬性ch
jQuery框架獲取及設定單選框、多選框、文字框內容
獲取一組radio被選中項的值 var item = $("input[name='items']:checked").val(); 獲取select被選中項的文字 var item =$('#select_id option:selected').text() select下拉框的第二個元素為當前選中值 $
js設定單選框選中,取消
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>
jQuery獲取及設定單選框、多選框、文字框內容
獲取一組radio被選中項的值var item = $('input[@name=items][@checked]').val();獲取select被選中項的文字var item = $("select[@name=items] option[@selected]").text();select下拉框的第二個
吾八哥學Selenium(三):操作復選框checkbox/單選框radio的方法
attr webdriver for in tex 如果 Go 測試的 har selected 復選框checkbox和單選框radio是web網站裏經常會使用到的兩個控件,那麽在web自動化測試的時候如何利用Selenium來操作這倆控件呢?今天我們就來簡單入門練習一下
jquery獲取單選框radio的值
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </hea
jquery判斷單選按鈕radio是否選中的方法
type 兩種方法 article cti 頁面 html query his on() 這篇文章主要介紹了jquery判斷單選按鈕radio是否選中的方法,實例分析了加載頁面時獲取單選按鈕ID和點擊按鈕時獲取單選按鈕ID兩種方法,非常簡單實用,需要的朋友可以參考下
Jquery預設選中單選框radio第一個、選中指定值的單選框
// 頁面隱藏域的值 var platIdVal = $("#platIdVal").val(); // 如果platIdVal為空,說明沒有勾選單選框 if(platIdVal==null || platIdVal == ''){ // 預設選中平臺單選框的第一個 $(".admin-content-t
JS 設置復選框的選中與取消選中
etc current author this fun 選中 true prop ssa // 設置選中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert(‘警告‘, "
jquery實現復選框全選,全不選,反選中的問題
了解 span htm cli ems 添加 send 籃球 需要 今天試了一下用jquery選擇復選框,本來以為很簡單的東西卻有bug,於是搜索了一下找到了解決方法。 html代碼如下(這裏沒有用任何樣式,就沒有再放css了): <html> <
Jquery改變多選框的值的時候,原始碼顯示選中但是頁面上顯示沒有選中
這是之前的程式碼: for (let me of menuid) { $('#' + me.menuid).attr("checked", true); } 改變集合中的id的多選框為選中,然後頁面上並沒有選中,原始碼卻顯示checkbox=check
JQuery Mobile - 修改複選框的選中狀態無效解決辦法!
今晚,在編寫JQuery Mobile程式時候,需要在程式碼裡面控制複選框的選中狀態,很簡單的程式碼啊,很快完成了!等測試程式時候傻眼了,頁面無論如何也不按照我寫的程式碼顯示出來!問題出在哪裡呢?是我寫的控制狀態程式碼有問題?檢視資料,最終使用prop來控制狀態。理應可以了吧?但是還不行,頁面還是沒有正常顯示
jQuery實現多選框的全選按鈕自動選中與消失
頁面中實現全選,反選,一組複選框選中時全選按鈕自動選中,一組中有一個未選中時全選按鈕取消 $('#checkAll').click(function(){ if(this.checked) { $("input[type=ch
jquery判斷複選框選中狀態以及區分attr和prop
這篇文章主要介紹了jquery判斷複選框選中狀態以及區分attr和prop,感興趣的小夥伴們可以參考一下 最近專案中需要用jquery判斷input裡checkbox是否被選中,發現用attr()獲取不到複選框改變後的狀態,最後查資料發現jQuery 1.6以後新增加了prop()方法,借用官方
單選框radio點選選中、取消選中
今天工作中遇到一個單選框需要做成複選框的那種效果,即點選選中、再點選取消,之所以不直接使用複選框,是因為樣式要求必須是圓的,當然百度一下網上也有不少能把複選框的方形變成圓形的方法,但粗略看一下其樣式調整還都是蠻複雜的。網上也有不少使用單選框+js實現相同效果的,最後我使用了
jQuery操作複選框checkbox技巧總結 ---- 設定選中、取消選中、獲取被選中的值、判斷是否選中等
jQuery操作複選框checkbox技巧總結 --- 設定選中、取消選中、獲取被選中的值、判斷是否選中等 一、checked屬性定義 先了解下input標籤的checked屬性: 1、HT
單選框radio單擊取消選中
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="http://lib.sinaapp
.net後臺給前臺的普通單選框Radio 動態賦值,選中你要的性別。
前臺程式碼如下:<input type="hidden" id="hidSex" value="<%= model_user.Sex %>"/> <input t
Jquery操作單選框選中狀態
前端開發中經常使用到單選框(radio)與多選框(checkbox)元件,需要對元件的狀態進行設定和讀取,下面看一段網上流行的操作程式碼: <div class="cb-container"> <input type="radio" class="cb-
單選框radio總結(獲取值、設定預設選中值、樣式)
input[type="radio"] + label::before { content: "\a0"; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-ri