用于复选框选中事件的javascript函数

javascript function for checkbox checked event

本文关键字：javascript 函数 事件 复选框 用于      更新时间：2023-09-26

我需要一个函数，可以在点击事件中添加复选框值。我的html代码是

<div data-role="fieldcontain">
        <fieldset data-role="controlgroup">
        <center><b> Plattforms </b></center>
        <input type="checkbox" name="cbs" id="cbs" value = 945345  />
        <label for="cbs">945345 Symbian</label>
        <input type="checkbox" name="cbi" id="cbi" value = 945345 />
        <label for="cbi">945345 iPhone</label>
        <input type="checkbox" name="cbb" id="cbb" value = 945345 />
        <label for="cbb">945345 Blackberry</label>
        <input type="checkbox" name="cba" id="cba" value = 945345 />
        <label for="cba">945345 Android</label>
        <input type="checkbox" name="cbw" id="cbw" value = 945345 />
        <label for="cbw">945345 Windows Mobile</label>
        <input type="checkbox" name="cbo" id="cbo" value = 945345 />
        <label for="cbo">945345 All Other</label>
        </fieldset> 
</div>

逻辑是，当用户单击某个复选框时，该复选框的值将转到一个变量，如果用户单击另一个复选框，则该值将再次添加到第一个值中。提前感谢

你的意思是：


var total = 0;
$("input[type='checkbox']").click(function() {
 //if you want to add on checked
 if($(this).is(":checked")) {
     var v = parseInt($(this).val(), 10);
     total += v;
 }
 else {
   total -= v;
 }
});

希望它能帮助

您可以；

var tot = 0;
$("input:checkbox").click(function() {
  var val = parseInt(this.value, 10);
 if($(this).is(":checked")) {
     //add to total if it's checked
     tot += vale;
 }else{
     //this was previously checked, subtract it's value from total
     tot -= vale;
 }
});
相关文章：