根據多選框name來獲得選中的值可用如下 jquery**實現12
3$(
"input:checkbox[name='test']:checked"
).each(
function
() );
例項演示:給出兩組多選框,點選按鈕後分別獲得兩組中被選擇的專案
示例**如下
建立html元素12
3456
78910
1112
1314
1516
<
div
class
=
"box"
>
<
span
>請輸入使用者名稱,限定字母、數字或下劃線的組合:
<
div
class
=
"content"
>
<
span
>水果:
<
input
type
=
"checkbox"
name
=
"fruit"
value
=
"梨子"
/>梨子
<
input
type
=
"checkbox"
name
=
"fruit"
value
=
"李子"
/>李子
<
input
type
=
"checkbox"
name
=
"fruit"
value
=
"栗子"
/>栗子
<
input
type
=
"checkbox"
name
=
"fruit"
value
=
"荔枝"
/>荔枝
<
span
>蔬菜:
<
input
type
=
"checkbox"
name
=
"vegetable"
value
=
"青菜"
/>青菜
<
input
type
=
"checkbox"
name
=
"vegetable"
value
=
"蘿蔔"
/>蘿蔔
<
input
type
=
"checkbox"
name
=
"vegetable"
value
=
"土豆"
/>土豆
<
input
type
=
"checkbox"
name
=
"vegetable"
value
=
"茄子"
/>茄子
<
input
type
=
"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...