onclick（）函數爲多個複選框選擇

Question

我需要一種方法，我可以得到多個複選框選擇，我知道有一個onclick事件，我可以做到這一點，但這只是單個複選框。謝謝advvance

Answer 1

HTML

<form action="url" method="post" id="form"> 
    <input type="checkbox" name="box" id="box1" value="checkVal1" /> 
    <input type="checkbox" name="box" id="box2" value="checkVal2" /> 
    <input type="submit" name="submit" id="submit" value="Submit" /> 
</form> 

JQUERY

$(document).ready(function(){ 
    $("#submit").click(function(){ 
     var value = $("input[type='checkbox']").val(); 
     console.log(value); 
    }) 
}) 

這應該工作。

Answer 2

這就是使用jQuery：

$('.select-all').click(function(e) { 
      e.preventDefault(); 
      CheckAll(); 
    }); 

function CheckAll() { 
    $("#checkboxes input").each(function() { 
     $(this).attr("checked",status); 
    }); 
} 

HTML：

<p><a href="#" class="select-all">Select All</a></p> 


<div id="checkboxes"> 
<p><input type="checkbox" name="vehicle" value="1" /> Hijo de Satan</p> 
<p><input type="checkbox" name="vehicle" value="1" /> Hijo de Satan</p> 
<p><input type="checkbox" name="vehicle" value="1" /> Hijo de Satan</p> 
<p><input type="checkbox" name="vehicle" value="1" /> Hijo de Satan</p> 
<p><input type="checkbox" name="vehicle" value="1" /> Hijo de Satan</p> 
</div> 

檢查這個例子：

http://examples.arturito.net/jquery/selectall/

Answer 3

最簡單的方法及其使用像jQuery框架基本上你有3個選項，無論你使用的選項喲你可以使用下面選擇的「：checkbox」作爲你的樣本，只要記住即使你的案例動態地添加新的checboxes，.live也會附加這個事件。

。點擊

$("#YourCheckBoxID").click(function() { 
    alert("User clicked on Checkbox"); 
}); 

.bind

$("#YourCheckboxID").bind("click", function() { 
    alert("User clicked on Checkbox"); 
}); 

.live

$(":checkbox").live('click', function() { 
    alert('User clicked on Checkbox'); 
}); 

問候。

Answer 4

這是我的代碼，它給出了多個複選框ID的數組。您可以根據您的要求使用陣列。在您的機器上運行它，您將獲得清晰的概念

<script type="text/javascript" language="javascript"> 
     var arr = new Array(); 
     function createArr(id){ 
      var chkBoxId = document.getElementById("arr_"+id); 

      if(chkBoxId.checked){ 
       arr.push(chkBoxId.value); 
      } else{ 
       for(var i = arr.length - 1; i >= 0; i--) { 
        if(arr[i] === chkBoxId.value) { 
         arr.splice(i, 1); 
        } 
       } 
      } 
      alert(arr); // here you will get your array with multiple checkbox Id and you can use it 
     } 
    </script> 
    <form name="CreateArray" id="CreateArray" method="post"> 
    <?php 
     for($i=1;$i<=10;$i++){ 
    ?> 
    <?php echo $i.".";?>&nbsp;<input type="checkbox" name="arr[]" value="<?php echo $i?>" id="arr_<?php echo $i?>" onclick="createArr(<?php echo $i?>);"/> 
    <?php 
     } 
    ?> 
    </form>