1. 程式人生 > >jQuery獲取及設定單選框、多選框、文字框內容

jQuery獲取及設定單選框、多選框、文字框內容

獲取一組radio被選中項的值
var item = $('input[@name=items][@checked]').val();
獲取select被選中項的文字
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
radio單選組的第二個元素為當前選中值
$('input[@name=items]').get(1).checked = true;

獲取值:



文字框,文字區域:$("#txt").attr("value");


多選框checkbox:$("#checkbox_id").attr("value");
單選組radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表單元素:
文字框,文字區域:$("#txt").attr("value",'');//清空內容
$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

http://www.cnblogs.com/roucheng/
單選組radio: $("input[@type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項 (錯


$("input[@name=radio_s][@value=16]").attr("checked",true);(測試通過)
下拉框select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項
$("11112222").appendTo("#sel")//新增下拉框的option
$("#sel").empty();//清空下拉框

$("#select1")[0].options(index).selected = true; //使第index個option選中

$("#select1")[0].options(3).text //取索引為3的option值

相關推薦

jQuery獲取定單文字內容

獲取一組radio被選中項的值var item = $('input[@name=items][@checked]').val();獲取select被選中項的文字var item = $("select[@name=items] option[@selected]").text();select下拉框的第二個

jQuery框架獲取定單文字內容

獲取一組radio被選中項的值 var item = $("input[name='items']:checked").val(); 獲取select被選中項的文字 var item =$('#select_id option:selected').text() select下拉框的第二個元素為當前選中值 $

jquery 獲取下拉屬性值

獲取一組radio被選中項的值 var item = $('input[@name=items][@checked]').val(); 獲取select被選中項的文字 var item = $("select[@name=items] option[@selected]").

使用Jquery獲取Bootstrap Radio Group當前選中的單的值

例如有以下的bootstrap radio buttons group C# 1234567891011<div class="btn-group"id="color"data-toggle="buttons"><label cla

jquery 獲取操作元素 (常用)

.com pre img htm color hello fun 文檔 wid jquery 獲取元素 參考:http://www.w3school.com.cn/jquery/jquery_selectors.asp 1.(1)$(document).ready()

IT小鮮肉 Widgets Tree 單相關回調函數獲取選中的節點功能

-128 key log 中斷 images 結束 type 小時 調用 寫一個樹控件並沒有想象中的那麽容易,今天又花了我一個1個多小時,主要為IT小鮮肉 Widgets Tree控件添加了 單選、多選、選擇前和選擇後兩個回調函數、獲取選中節點的功能。後面會繼續努力完善這個

C#實現簡單獲取置Session類

static 相互 如何 相互轉換 per body share line window 本文實例講述了C#實現簡單獲取及設置Session類。分享給大家供大家參考。具體分析如下: 這是一個簡單的C#獲取Session、設置Session類文件,本類主要實現大家最常用的兩

Android基礎控件——AlertDialogProgressDialog實現單對話對話進度條對話輸入對話

事先 pre 進度 技術分享 android基礎 水平 介紹 iss support AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框 事先說明: 對話框應選用android.support.v7這個包底下的組件

jQuery-獲取置CSS

ogg remove cti type ont 屬性 pre utf-8 addclass jQuery 擁有若幹進行 CSS 操作的方法: addClass() - 向被選元素添加一個或多個類 removeClass() - 從被選元素刪除一個或多個類 toggleCl

easyui combobox下拉實現以及全全不的實現

實現效果如下圖: 當勾選全選的時候,可以選中下列所有的選項,當取消勾選時可取消所有勾選。 廢話不多說 貼程式碼吧: 前端程式碼: //這裡的id是上面的combobox的id,因為我要在點選一個按鈕的之後再動態的加載出來,所以我把它單獨的抽取出來了。如果需要一開

jquery 動態新增按順序新增input文字並且實現刪除操作

1.先來一張圖來告訴我們今天要實現什麼藍色加號按鈕點選就會動態新增一行“發明人N姓名”和“發明人N排名” 的input文字框還有圖片”“  點選藍色按鈕減號就會減少相對應的那一行還有索引也會減掉圖片”“2.首先 “發明人1姓名” 和 ”發明人1排名“是html要有的,然後點選加號按

Android開發—彈出列表

效果圖如下: 需要建一個menu xml佈局如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/r

Android 本地歷史記錄產品標籤(支援單)實現(附原始碼)(使用鴻洋大神的FlowLayout開源庫)

        最近的專案需要做本地歷史記錄功能,以前寫的有些過時了,就在網上查了查較好的開源庫、實現方式等。最終選擇了鴻洋大神的FlowLayout流式佈局,再搭配SharedPreferencesUtil工具類來實現本地歷史記錄功能。同時FlowLayout開源庫還非常適

EasyUI下拉實現和模糊查詢

其實整個的思路還是很麻煩的。之前網上查不到能囊括上面所有東西的。但是參考之後還是摸出了一種新的方法,但是仍然不完美。畢竟是在封裝的東西上面修改。程式碼實現:<!DOCTYPE html> <html lang="en"> <head&g

Java自學之路-Java中級教程-18:SpringMVC列表select和單radiocheckbox的處理

頁面表單還有很多控制元件,這一節介紹比較常用的列表框和單選框、多選框。列表框就是下拉列表選項,用在有多個選擇的情況,比如一大堆的國家和城市可以做成一個下拉列表供使用者選擇。單選框用在只能選擇一種選項的情況,比如性別要麼選男,要麼選女。多選框即是可以多選,比如興趣愛好可以選電腦

模擬select下拉(數據源采用模擬Ajax數據--原創)

bbb n) nowrap pac inner sel cte spl innerhtml 最近需要一個下拉多選,本來想偷懶的,所以在網上百度了一番,最終還是發現沒有一個符合自己要求的,所以我自己寫了一個插件。下面是GIF動態效果圖展示 相信大家已經看到效果了,接下來

樣式

單選 har bsp spl enter log ott min right 主要註意before和after的樣式設置,input要設置id,label要設置for值並且等於相應的input值的id HTML <!DOCTYPE html><html&

學習筆記之下拉列表單轉移

繼續 margin blog float for循環 script 列表 學習筆記 type 多項下拉列表之轉移。 style: <style type="text/css"> *{ margin:0px auto; padding:0px;}

html-4, form 表單 輸入傳文件下拉菜單文本描述重置submit按鈕限制輸入

part row man head 密碼 文本 inpu set 跳轉 <!-- form HTTP協議 action:提交的服務器網址 method:get(默認)| post(應用:

js實現複,全,反

多選,全選,反選 js實現複選框的多選,全選,反選 js實現複選框的多選,全選,反選 <table> <thead> <tr> <th><input type="checkbox"