獲取複選框的值，並將它們放入使用javascript或jquery的輸入字段中？

我試圖獲取複選框的值時，他們被檢查並把它們放在輸入字段。獲取複選框的值，並將它們放入使用javascript或jquery的輸入字段中？

我可以在此使用按鈕而是像例如shown HERE

但我需要做的是，一旦他們在不使用如果有意義按鈕檢查，以獲得複選框的數值做。

可能有人請告知這個嗎？

謝謝

來源

2014-07-26 user3806613

後您r代碼，所以我們可以幫助你。 –

單擊複選框後，將複選框的值添加到字符串中，並將文本框的值更改爲字符串的值。使用each()查看複選框。

試試這個：

$(document).ready(function(){ 
    $("input:checkbox").click(function() { 
     var string = ""; 
     $("input:checked").each(function() { 
      string += $(this).val(); 
     }); 
     $("#txtbox").val(string); 
    }); 
});

JSFiddle Demo

來源

2014-07-26 22:12:09 imbondbaby

請試試下面的代碼片段。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $(".chk").click(function() { 
       getValueUsingClass(); 
      }); 
     }); 

     function getValueUsingClass() { 
      /* declare an checkbox array */ 
      var chkArray = []; 

      /* look for all checkboes that have a class 'chk' attached to it and check if it was checked */ 
      $(".chk:checked").each(function() { 
       chkArray.push($(this).val()); 
      }); 

      /* we join the array separated by the comma */ 
      var selected; 
      selected = chkArray.join(',') + ","; 

      /* check if there is selected checkboxes, by default the length is 1 as it contains one single comma */ 
      if (selected.length > 1) { 
       alert("You have selected " + selected); 
      } else { 
       alert("Please at least one of the checkbox"); 
      } 
     } 
    </script> 
</head> 
<body> 
    <div id="checkboxlist"> 
     <div> 
      <input type="checkbox" value="1" class="chk"> 
      Value 1 
     </div> 
     <div> 
      <input type="checkbox" value="2" class="chk"> 
      Value 2 
     </div> 
     <div> 
      <input type="checkbox" value="3" class="chk"> 
      Value 3 
     </div> 
     <div> 
      <input type="checkbox" value="4" class="chk"> 
      Value 4 
     </div> 
     <div> 
      <input type="checkbox" value="5" class="chk"> 
      Value 5 
     </div> 

    </div> 
</body> 
</html>

來源

2014-07-26 22:11:54

<div id="checkboxes"> 
    <input type="checkbox" value="1" /> 
    <input type="checkbox" value="2" /> 
    <input type="checkbox" value="3" /> 
</div>

var el = document.getElementById('checkboxes'), 
    checkEls = [].slice.call(el.children); 
el.addEventListener('change', function() { 
    var values = checkEls 
     .filter(function(checkEl){ 
      return checkEl.checked; 
     }) 
     .map(function(checkEl){ 
      return checkEl.value; 
     }); 
    /* In ES6, just use 
     var values = checkEls.filter(el => el.checked).map(el => el.value); 
    */ 
});

Demo

來源

2014-07-26 22:19:41 Oriol

獲取複選框的值，並將它們放入使用javascript或jquery的輸入字段中？

回答

相關問題