獲取表單上的複選框值並使用jQuery存儲到一個變量中

Question

使用多個複選框並使用'test'類（只能查看其中的一個類似於使用單選按鈕 - 不是我的想法btw！） 。

當提交表單時，我想獲取選中的複選框的值並將其存儲在一個變量中 - 任何人都可以在此幫助嗎？

乾杯！

克里斯

Answer 1

$("form").submit(function() { 
    var aVariable = $('input.test[type="checkbox"]:checked', this).val(); 
}); 

.val()回報undefined如果叫一個空的jQuery對象，如果沒有複選框被選中這將是這裏的情況。

Answer 2

請嘗試以下解決方案上codebins：

注：添加最新的jquery.js在頭標籤javascript文件第一。

HTML：腳本標籤內

<form id="frm1" method="post"> 
    <input type="radio" class="test" checked="checked" value="radio1"> 
    Radio1 
    <input type="radio" class="test" checked="checked" value="radio2"> 
    Radio2 
    <input type="radio" class="test" value="radio3"> 
    Radio3 
    <br/> 
    <input type="checkbox" class="test" checked="checked" value="check1"> 
    Check1 
    <input type="checkbox" class="test" value="check2"> 
    Check2 
    <input type="checkbox" class="test" checked="checked" value="check3"> 
    Check3 
    <br/> 
    <input type="submit" value="submit" /> 
</form> 

的jQuery：

$(function() { 

    $("#frm1").submit(function() { 
     $("input.test[type=checkbox]:checked").each(function() { 
      alert($(this).val()); 
     }); 

     return false; 
    }); 
}); 

我上面斌做了http://codebins.com/bin/4ldqpap

Answer 3

這將工作

$(function() { 
    $("#frm1").submit(function() { 
     $("input.test[type=checkbox]:checked").each(function() { 
      alert($(this).val()); 
     }); 

     return false; 
    }); 
}); 

Answer 4

var inputElements = document.getElementsByClassName('messageCheckbox'); 
    var checkedValue=[]; 
    for(var i=0; inputElements[i]; ++i){ 
     console.log(inputElements[i]); 
     if(inputElements[i].checked){ 
      checkedValue.push(inputElements[i].value); 
     } 
    } 
alert(checkedValue)