jquery怎樣獲取多個復選框的值？

可以參考下面的代碼：

創(chuàng)新互聯(lián)自2013年起，公司以網(wǎng)站設計、做網(wǎng)站、系統(tǒng)開發(fā)、網(wǎng)絡推廣、文化傳媒、企業(yè)宣傳、平面廣告設計等為主要業(yè)務，適用行業(yè)近百種。服務企業(yè)客戶千余家，涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設、創(chuàng)意設計、宣傳推廣等服務。 通過專業(yè)的設計、獨特的風格，為不同客戶提供各種風格的特色服務。

$(document).ready(function(){

varchecked=[];

$("#submitButton").click(function(){

$('input:checkbox:checked').each(function(){

checked.push($(this).val());

});

alert(checked);

});

});

擴展資料：

jquery參考函數(shù)

$(”元素名稱”).html(”bnew?stuff/b”);?給某元素設置內(nèi)容?

$(”元素名稱”).removeAttr(”屬性名稱”)?給某元素刪除指定的屬性以及該屬性的值?

$(”元素名稱”).removeClass(”class”)?給某元素刪除指定的樣式?

$(”元素名稱”).text();?獲得該元素的文本?

$(”元素名稱”).text(value);?設置該元素的文本值為value

參考資料來源：百度百科-jQuery

jquery怎么獲取多選框的值

div id="checkbox2"

input name="cuser" type="checkbox" /復選框1

input name="cuser" type="checkbox" /復選框2

input name="cuser" type="checkbox" /復選框3

input name="cuser" type="checkbox" /復選框4

/div

var obj = document.getElementsByName("cuser");//得到復選框的元素

var check = [];

for (k = 0; k obj.length; k++) {//循環(huán)取值

if (obj[k].checked) {//取到選中的值

check.push(obj[k].value);

}

}

不知能否幫到你

jquery 怎么選中checkbox指定的值

1、checkbox日常jquery操作。

現(xiàn)在我們以下面的html為例進行checkbox的操作。

input id="checkAll" type="checkbox" /全選

input name="subBox" type="checkbox" /項1

input name="subBox" type="checkbox" /項2

input name="subBox" type="checkbox" /項3

input name="subBox" type="checkbox" /項4

全選和全部選代碼：

script type="text/javascript"

$(function() {

$("#checkAll").click(function() {

$('input[name="subBox"]').attr("checked",this.checked);

});

var $subBox = $("input[name='subBox']");

$subBox.click(function(){

$("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);

});

});

/script

checkbox屬性：

var val = $("#checkAll").val();// 獲取指定id的復選框的值

var isSelected = $("#checkAll").attr("checked"); // 判斷id=checkAll的那個復選框是否處于選中狀態(tài)，選中則isSelected=true;否則isSelected=false;

$("#checkAll").attr("checked", true);// or

$("#checkAll").attr("checked", 'checked');// 將id=checkbox_id3的那個復選框選中，即打勾

$("#checkAll").attr("checked", false);// or

$("#checkAll").attr("checked", '');// 將id=checkbox_id3的那個復選框不選中，即不打勾

$("input[name=subBox][value=3]").attr("checked", 'checked');// 將name=subBox, value=3 的那個復選框選中，即打勾

$("input[name=subBox][value=3]").attr("checked", '');// 將name=subBox, value=3 的那個復選框不選中，即不打勾

$("input[type=checkbox][name=subBox]").get(2).checked = true;// 設置index = 2，即第三項為選中狀態(tài)

$("input[type=checkbox]:checked").each(function(){ //由于復選框一般選中的是多個,所以可以循環(huán)輸出選中的值

alert($(this).val());

});

2、radio的jquery日常操作及屬性

我們?nèi)匀灰韵旅娴膆tml為例：

input type="radio" name="radio" id="radio1" value="1" /1

input type="radio" name="radio" id="radio2" value="2" /2

input type="radio" name="radio" id="radio3" value="3" /3

input type="radio" name="radio" id="radio4" value="4" /4

radio操作如下：

$("input[name=radio]:eq(0)").attr("checked",'checked'); //這樣就是第一個選中咯。

//jquery中，radio的選中與否和checkbox是一樣的。

$("#radio1").attr("checked","checked");

$("#radio1").removeAttr("checked");

$("input[type='radio'][name='radio']:checked").length == 0 ? "沒有任何單選框被選中" : "已經(jīng)有選中";

$('input[type="radio"][name="radio"]:checked').val(); // 獲取一組radio被選中項的值

$("input[type='radio'][name='radio'][value='2']").attr("checked", "checked");// 設置value = 2的一項為選中

$("#radio2").attr("checked", "checked"); // 設置id=radio2的一項為選中

$("input[type='radio'][name='radio']").get(1).checked = true; // 設置index = 1，即第二項為當前選中

var isChecked = $("#radio2").attr("checked");// id=radio2的一項處于選中狀態(tài)則isChecked = true, 否則isChecked = false;

var isChecked = $("input[type='radio'][name='radio'][value='2']").attr("checked");// value=2的一項處于選中狀態(tài)則isChecked = true, 否則isChecked = false;

3、select下拉框的日常jquery操作

select操作相比checkbox和radio要相對麻煩一些，我們?nèi)匀灰韵旅娴膆tml為例來說明：

select name="select" id="select_id" style="width: 100px;"

option value="1"11/option

option value="2"22/option

option value="3"33/option

option value="4"44/option

option value="5"55/option

option value="6"66/option

/select

看select的如下屬性：

$("#select_id").change(function(){ // 1.為Select添加事件，當選擇其中一項時觸發(fā)

//code...

});

var checkValue = $("#select_id").val(); // 2.獲取Select選中項的Value

var checkText = $("#select_id :selected").text(); // 3.獲取Select選中項的Text

var checkIndex = $("#select_id").attr("selectedIndex"); // 4.獲取Select選中項的索引值,或者：$("#select_id").get(0).selectedIndex;

var maxIndex =$("#select_id :last").get(0).index; // 5.獲取Select最大的索引值

/**

* jQuery設置Select的選中項

*/

$("#select_id").get(0).selectedIndex = 1; // 1.設置Select索引值為1的項選中

$("#select_id").val(4); // 2.設置Select的Value值為4的項選中

/**

* jQuery添加/刪除Select的Option項

*/

$("#select_id").append("option value='新增'新增option/option"); // 1.為Select追加一個Option(下拉項)

$("#select_id").prepend("option value='請選擇'請選擇/option"); // 2.為Select插入一個Option(第一個位置)

$("#select_id").get(0).remove(1); // 3.刪除Select中索引值為1的Option(第二個)

$("#select_id :last").remove(); // 4.刪除Select中索引值最大Option(最后一個)

$("#select_id [value='3']").remove(); // 5.刪除Select中Value='3'的Option

$("#select_id").empty();

$("#select_id").find("option:selected").text(); // 獲取select 選中的 text :

$("#select_id").val(); // 獲取select選中的 value:

$("#select_id").get(0).selectedIndex; // 獲取select選中的索引:

//設置select 選中的value：

$("#select_id").attr("value","Normal");

$("#select_id").val("Normal");

$("#select_id").get(0).value = value;

//設置select 選中的text，通常可以在select回填中使用

var numId=33 //設置text==33的選中！

var count=$("#select_id option").length;

for(var i=0;icount;i++)

{ if($("#select_id").get(0).options[i].text == numId)

{

$("#select_id").get(0).options[i].selected = true;

break;

}

}

通過上面的總結(jié)，應該對jquery的checkbox,radio和select有了一定的了解了吧，溫故而知新，用多了就會變的熟練起來，即使有時候忘記了，也可以來翻一翻！

jquery怎樣獲取左右選擇框的值

jquery的遍歷方法可以獲取復選框所欲的選中值

$("input:checkbox:checked").each(function(index,element)); // 為所有選中的復選框執(zhí)行函數(shù)，函數(shù)體中可以取出每個復選框的值

$("input:checkbox:checked").map(function(index,domElement)); // 將所有選中的復選框通過函數(shù)返回值生成新的jQuery 對象

實例演示：點擊按鈕獲取checkbox的選中值

創(chuàng)建Html元素

div class="box"

span點擊按鈕獲取checkbox的選中值：/spanbr

div class="content"

input type='checkbox' name='message' value='1'/發(fā)送短信

input type='checkbox' name='message' value='2'/發(fā)送郵件

/div

input type="button" value="提交"

/div

設置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

編寫jquery代碼

$(function(){

$("input:button").click(function() {

text = $("input:checkbox[name='message']:checked").map(function(index,elem) {

return $(elem).val();

}).get().join(',');

alert("選中的checkbox的值為："+text);

});

});

jquery怎么得到復選框值

復制的：

HTML 代碼:

form

input type="checkbox" name="newsletter" checked="checked" value="Daily" /

input type="checkbox" name="newsletter" value="Weekly" /

input type="checkbox" name="newsletter" checked="checked" value="Monthly" /

/form

jQuery 代碼:

$("input:checked")

結(jié)果:

[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]

var check = $("input:checked"); //得到所有被選中的checkbox

var actor_config; //定義變量

check.each(function(i){ //循環(huán)拼裝被選中項的值

actor_config = actor+','+$(this).val();

});

alert(actor_config.substr(9)+',');

通過以下js代碼去獲取選中項的值，在IE7中可以正確取得選中項的值，但在IE8中卻得不到選中項的值，同樣在Firefox 3.5.3下也得不到值，但公司同事在Firefox其他較低版本下能正確得到值，IE6下也沒有問題，⊙﹏⊙b汗

$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){

alert($(this).val());

});

但是把技術(shù)代碼修改為:

$('#permissionList-body input[name="checkboxes"]').each(function(i){

if(this.checked)alert($(this).val());

});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')這兩種寫法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')

這種支持firefox

沒有找到好的解決方法，只有加if(this.checked)判斷了 jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關 獲取一組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;獲取值：文本框，文本區(qū)域：$("#txt").attr("value")；多選框checkbox：$("#checkbox_id").attr("value")；單選組radio： $("input[@type=radio][@checked]").val();下拉框select： $('#sel').val();控制表單元素：文本框，文本區(qū)域：$("#txt").attr("value",'');//清空內(nèi)容 $("#txt").attr("value",'11');//填充內(nèi)容多選框checkbox： $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾單選組radio： $("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項下拉框select： $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項 $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框// 清空所有復選框選項 $(":checkbox").attr("checked","");

用jquery把復選框checkbox選中的值放入input框中

1、新建一個html文件，命名為test.html。

2、在test.html文件內(nèi)，在p標簽內(nèi)，使用input標簽創(chuàng)建一個checkbox選項和一個文本框，并且文本框設置默認值。

3、在test.html文件內(nèi)，給每一個checkbox類型input元素設置name屬性，統(tǒng)一設置為ck，主要用于下面通過該name獲得input對象。

4、在test.html文件內(nèi)，使用button標簽創(chuàng)建一個按鈕，按鈕名稱為“獲得input值”。

5、在test.html文件中，給button按鈕綁定onclick點擊事件，當按鈕被點擊時，執(zhí)行g(shù)etinput（）函數(shù)。

6、在js標簽中，創(chuàng)建getinput()函數(shù)，在函數(shù)內(nèi)，通過“:checked”選擇器獲得被選中的checkbox對象，使用next()方法獲得checkbox相鄰的input文本框?qū)ο螅ㄟ^val()方法獲得它的值。最后，使用alert()方法輸出input的值。

7、在瀏覽器打開test.html文件，點擊按鈕，查看結(jié)果。