單選框核取方塊取值

2021-08-04 10:17:58 字數 2976 閱讀 8487

query radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關設定

獲取一組radio被選中項的值:

var item = $('input[name=items][checked]').val();

獲取select被選中項的文字:

var item = $("select[@name=items] option[@selected]").text();

獲取select被選中項的文字 :

var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();

select下拉框的第二個元素為當前選中值:

$('#select_id')[0].selectedindex = 1;

select下拉框value = 'val'的元素為當前選中項:

$("select[name=items] option[value='val']").attr("selected","selected");

radio單選組的第二個元素為當前選中項 :

$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素為當前選中項:

$('input[name=items] [value='val']').attr("checked","checked");

獲取值:

文字框,文字區域:

$("#txt").attr("value");

多選框checkbox:

$("input[name='checkbox':checked]").each(function());

單選組radio:

$("input[type=radio][checked]").val();

下拉框select的value值:

$('select').val();

下拉框select選中的text 值:

$("select").find("option:selected").text();

控制表單元素:

文字框,文字區域:

$("#txt").attr("value","); //清空內容

$("#txt").attr("value",'11′); //填充內容

多選框checkbox:

checkbox的第二個元素被打勾:

$("input[name=items]").get(1).checked = true; //打勾

$("input[name=items]").get(1).checked = false; //不打勾

checkbox的value='val'的元素前打勾:

$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");

if($("input[name=item][value='val']").attr('checked')==true) //判斷是否已經打勾

單選組radio:

$("input[type=radio]").attr("checked",'2′);//設定value=2的專案為當前選中項

下拉框select:

$("#sel").attr("value",'-sel3′);//設定value=-sel3的專案為當前選中項

$("1111

$("#sel").empty();//清空下拉框

jquery獲取radio選擇的value值 **

$("input[name='radio_name'][checked]").val(); //選擇被選中radio的value值

$("#text_id").focus(function()); //事件 當物件text_id獲取焦點時觸發

$("#text_id").blur(function()); //事件 當物件text_id失去焦點時觸發

$("#text_id").select(); //使文字框的vlaue值成選中狀態

$("input[name='radio_name'][value='要選中radio的value值'").

attr("checked",true); //根據value值設定radio為選中狀態

jquery獲取checkbox選擇的value值

$("input[name='checkbox_name'][checked]"); //選擇被選中checkbox元素的集合 如果你想得到value值你需要遍歷這個集合

$($("input[name='checkbox_name'][checked]")).

each(function());//遍歷被選中checkbox元素的集合 得到value值

$("#checkbox_id").attr("checked"); //獲取乙個checkbox的狀態(有沒有被選中,返回true/false)

$("#checkbox_id").attr("checked",true); //設定乙個checkbox的狀態為選中(checked=true)

$("#checkbox_id").attr("checked",false); //設定乙個checkbox的狀態為不選中(checked=false)

$("input[name='checkbox_name']").attr

("checked",$("#checkbox_id").attr("checked"));//根據3,4,5條,你可以分析分析這句**的意思

$("#text_id").val().split(","); //將text的value值以','分隔 返回乙個陣列

單選框和核取方塊的應用

在用表單設計調查表時,為了減少使用者的操作,使用選擇框是乙個好主意,在html的標記中有兩種選擇框,即單選框和核取方塊,兩者的區別是單選框中的選項使用者只能選擇一項,而核取方塊中的選項使用者可以任意選擇多項,甚至全選。請看下面的例子 下面給出這個例子的源 結合 來講各引數的設定 form name ...

jquey將核取方塊 單選框選中

jquey將核取方塊 單選框選中 如下 input name 名字 get 0 checked true input name 名字 attr checked true input name 名字 eq 0 attr checked checked input name radio name che...

Flutter 基礎元件 單選框和核取方塊

material元件庫中提供了material風格的單選開關switch和核取方塊checkbox,雖然它們都是繼承自statefulwidget,但它們本身不會儲存當前選中狀態,選中狀態都是由父元件來管理的。當switch或checkbox被點選時,會觸發它們的onchanged 可以在此 中處理...