Question

我是编码（尝试学习）的新手，我无法弄清楚如何在函数之外获得复选框值的战争。

使用Javascript：

$(document).ready(function() {

  var quantity= parseInt($('#phones').val());

  $("#check1 input:checkbox").change(function() {
      var feature = 0;
      $("#check1 input:checkbox").each(function() {
          if ($(this).is(':checked')) {
              feature += parseInt($(this).prop('value'));
          }
      });

  });

  var grand = feature * (quantity * Number ('0.1'))

  var total = quantity + grand

});

HTML：

<input id="phones" type="numerical" value="0" style="text-align: right"/>

<div id="check1">

<input type="checkbox" value="1" />

Answer 1

function getResult(feature, phones) {
  if (feature <= 0 || phones <= 0) {
    return 'Error...., enter the number of phones and check some checkbox';
  }

  return (feature * (+phones * 0.1)) + +phones;
}

function getFeature() {
  var feature = 0;

  $('#check1 input:checkbox:checked').each(function () {
    feature += +$(this).prop('value') || 1; 
  });

  return feature;
}

$(document).ready(function() {
  var $phones = $('#phones'),
      $result = $('#result');

  $("#check1 input:checkbox").change(function() {
    $result.html(getResult(getFeature(), $phones.val()));
  });

  $("#phones").keyup(function() {
    $result.html(getResult(getFeature(),  $phones.val()));
  });
});

演示：http://jsbin.com/hivilu/2/

复选框变量在函数之外

1 个答案: