jquery如何根據多選框name來獲得選中的值。

2022-08-23 08:03:10 字數 3535 閱讀 4875

根據多選框name來獲得選中的值可用如下 jquery**實現12

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

例項演示:給出兩組多選框,點選按鈕後分別獲得兩組中被選擇的專案

示例**如下

建立html元素12

3456

78910

1112

1314

1516

<divclass="box">

<span>請輸入使用者名稱,限定字母、數字或下劃線的組合:

<divclass="content">

<span>水果:

<inputtype="checkbox"name="fruit"value="梨子"/>梨子

<inputtype="checkbox"name="fruit"value="李子"/>李子

<inputtype="checkbox"name="fruit"value="栗子"/>栗子

<inputtype="checkbox"name="fruit"value="荔枝"/>荔枝

<span>蔬菜:

<inputtype="checkbox"name="vegetable"value="青菜"/>青菜

<inputtype="checkbox"name="vegetable"value="蘿蔔"/>蘿蔔

<inputtype="checkbox"name="vegetable"value="土豆"/>土豆

<inputtype="checkbox"name="vegetable"value="茄子"/>茄子

<inputtype="button"value="提交">

設定css樣式12

345div.box

div.box span

div.content

input[type='checkbox']

input[type='button']

編寫jquery**12

3456

78910

1112

1314

15$(function());

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

alert("已選擇水果:"+fruit+",已選擇蔬菜:"+vegetable);

});

})

觀察效果

jquery 購物車多選框操作

設定全選核取方塊 全選 設定子核取方塊 item 1 item 2 item 3 item 4 全選 取消全選的事件 function selectall else 子核取方塊的事件 function setselectall var chsub input type checkbox name c...

學習 jQuery下拉框,單選框,多選框整理

獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item select name items option selected text select下拉框的第二個元素為當前選中值 select id ...

jquery獲取select多選框選中的值

select下拉框選中的值,用jquery大家應該都會獲取,selectbox option selected val 如果select是多選的,也這麼獲取的話,則只能獲取到第乙個選項的value值,但是有乙個神奇的發現,如果是 selectbox option selected text 獲取te...