已解決430363個問題，去搜搜看，總會有你想問的

如何在jQuery中檢索復選框值

首頁猿問如何在jQuery中檢索復選框值

如何在jQuery中檢索復選框值

JQuery Html/CSS

慕婉清6462132 2019-07-04 13:27:05

如何在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

3 回答
0 關注
597 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何在jQuery中檢索復選框值

如何在jQuery中檢索復選框值

3 回答

更新

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在jQuery中檢索復選框值

如何在jQuery中檢索復選框值

3 回答

更新

相關問題推薦

添加回答