顯示選中多個複選框值作爲文本使用jQuery（動態值）

顯示選中多個複選框值作爲文本。這不是重複我已經搜索它。顯示選中多個複選框值作爲文本使用jQuery（動態值）

動態表單值：

<div class="form-group">Eligible Branch 
    <select id="eligiblebranch" multiple="multiple" class="form-control" > 
     <?php $branch = $conn->query("SELECT * FROM r_branch ORDER BY id_branch ASC"); 
      while ($branchresult = $branch->fetch_assoc()) { ?> 
      <option value="<?php echo $branchresult['id_branch']; ?>"> <?php echo $branchresult['branch_name']; ?> </option> 
     <?php } ?> 
    </select> 
</div>

腳本：

var checked_checkboxes = $("[id*=eligiblebranch] input:checked"); 
var message = ""; 
checked_checkboxes.each(function() { 
    var value = $(this).val(); 
    message += + value; 
    message += "\n"; 
}); 
$("#eligiblebranch1").html(message);

輸出應爲文本，在這裏必須看到：

<span id="eligiblebranch1"> </span>

來源

2016-09-27 Mr world wide

要得到的值從一個數組多選複選框，使用jQuery地圖/獲取功能：

var checkedValues = $('input[type=checkbox]:checked').map(function(_, el) { 
    return $(el).val(); 
}).get();

這將返回數組與選定值，像這樣的： '1'， '2']

你可以把它作爲字符串使用join

var checkedValues = $('input[type=checkbox]:checked').map(function(_, el) { 
    return $(el).val(); 
}).get().join(",");

或者您也可以使用serialize()。

console.log($('input[type=checkbox]:checked').serialize());

來源

2016-09-27 16:47:52

它工作兄弟謝謝，但我怎麼能顯示它的文本。我達成每日投票限制，我會明天投票你.. –

我越來越像1下一行3下一行5等..選擇選項ID的 –

你使用多選或哪個jquery插件？看起來選項裏面有選項。如果是，然後嘗試使用選項：選擇，而不是複選框。 –

我認爲你已經有了答案，但它需要一點修改。

var checked_checkboxes = $("[id*=eligiblebranch] input:checked"); 
var message = ""; 
checked_checkboxes.each(function() { 
    var value = $(this).val(); 
    message += value; 
    message += "<br>"; 
}); 
$("#eligiblebranch1").html(message);

來源

2016-09-27 16:58:39

身份證即將到來我想顯示該ID中的文字。我必須改變..？ –

所以你想顯示覆選框旁邊的標籤。這將取決於你的PHP代碼如何轉換爲html。你可以顯示該部分的HTML？你可以從瀏覽器的控制檯獲取它。 –

顯示選中多個複選框值作爲文本使用jQuery（動態值）

回答

相關問題