如何在jQuery中检索复选框值

如何在jQuery中检索复选框值如何使用jQuery以获得复选框值，并立即将其放入文本区域？就像这段代码：<html> <head> </head> <body> <div id="c_b"> <input type="checkbox" value="one_name" checked> <input type="checkbox" value="one_name1"> <input type="checkbox" value="one_name2"> </div> <textarea id="t"></textarea> </body></html>如果id="c_d"更新阿贾克斯，下面的阿尔特科尼图的代码不起作用。有什么好的解决办法吗？

查看完整描述

3 回答

饮歌长啸

TA贡献1951条经验获得超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中的这些更改。

反对回复 2019-07-04

四季花海

TA贡献1811条经验获得超5个赞

还可以逗号分隔的字符串返回所有选中的复选框值。这也将使您在将它作为参数发送到sql时更容易。

下面是一个示例，它返回所有选中的复选框值，这些复选框的名称为“chkboxName”，位于逗号单独的字符串中。

这是javascript

function 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>

反对回复 2019-07-04

温温酱

TA贡献1752条经验获得超4个赞

你的问题相当含糊，但我认为这是你需要的：

$(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());});

..我完全忘了那条捷径。；)

反对回复 2019-07-04

如何在jQuery中检索复选框值

如何在jQuery中检索复选框值

3 回答

更新

相关问题推荐

添加回答

热搜

最近搜索清空

如何在jQuery中检索复选框值

如何在jQuery中检索复选框值

3 回答

更新

相关问题推荐

添加回答