如何在jQuery中检索复选框值

3回答

饮歌长啸

这里有一个有用的(见示例): function updateTextArea() {               var allVals = [];      $('#c_b :checked').each(function() {        allVals.push($(this).val());      });      $('#t').val(allVals);   }  $(function() {    $('#c_b input').click(updateTextArea);    updateTextArea();  });更新几个月后，又提出了一个问题，即如果ID发生变化，如何保持上述功能。好的，解决方案归结为将updateTextArea函数映射为使用CSS类的泛型，并使用活动函数来监视DOM中的这些更改。

四季花海

还可以逗号分隔的字符串返回所有选中的复选框值。这也将使您在将它作为参数发送到sql时更容易。下面是一个示例，它返回所有选中的复选框值，这些复选框的名称为“chkboxName”，位于逗号单独的字符串中。这是javascriptfunction showSelectedValues(){   alert($("input[name=chkboxName]:checked").map(      function () {return this.value;}).get().join(","));}以下是HTML示例<html>   <head>  </head>  <body>   <div>    <input name="chkboxName" type="checkbox" value="one_name" checked>    <input name="chkboxName" type="checkbox" value="one_name1">    <input name="chkboxName" type="checkbox" value="one_name2">   </div>    </body>  </html>

温温酱

你的问题相当含糊，但我认为这是你需要的：$(function() {      $('input[type="checkbox"]').bind('click',function() {         if($(this).is(':checked')) {             $('#some_textarea').html($(this).val());          }    });});编辑：哦，好吧.。给你.。你以前没有HTML。不管怎样，是的，我以为你是想在被点击的时候把这个值放到文本框里。如果您希望在页面加载时将复选框的值放入文本区域(可能带有一个很好的逗号分隔)，那么它将非常简单：$(function() {      $('#c_b input[type="checkbox"]:checked').each(function() {          $('#t').append(', '+$(this).val());     });});编辑2正如人们所做的，您也可以这样做以快捷我所写的冗长的选择器：$('#c_b :checkbox:checked').each(function() {     $('#t').append(', '+$(this).val());});..我完全忘了那条捷径。；)