如果选中复选框执行功能

时间:2013-05-29 10:22:58

标签: php jquery forms checkbox

我有这个网站,我正在做,我需要在选中复选框时将值添加到SUB TOTAL。

该值以$和<?php echo $rare['value']; ?>

的形式出现

现在,复选框为<input type="checkbox" name="buy" value="buy">Buy<br>

所以我想,当选中多个复选框时,他们会将每次的价格(或价值)添加到SUB TOTAL中。

谢谢!

3 个答案:

答案 0 :(得分:3)

检查是否为该字段提交了POST值:

if (isset($_POST['buy'])) {
  // do something with your value
}

答案 1 :(得分:0)

您还可以将其命名为数组,如果您有多个复选框,则可以更轻松地使用它:

<input type="checkbox" value="1" name="values[]"'>
<input type="checkbox" value="2" name="values[]"'>
...

要检查您的简单值,请执行以下操作:

if(isset($_POST['values'])) {
  // do stuff
}

答案 2 :(得分:0)

试试这个

<html>
<head></head>
    <body>
        <form>
            <input type="checkbox" value="100" name="values[]" class="buyThis">
            <input type="checkbox" value="200" name="values[]" class="buyThis">
            <input type="checkbox" value="300" name="values[]" class="buyThis">
            <div><span>SUB TOTAL : $</span><span id="subTotal">0</span></div>
        </form>
    </body>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function() {
        $('.buyThis').removeAttr('checked');
        $('.buyThis').on('click', function(){
            var subTotalVal = Number($('#subTotal').text());
            if ($(this).is(':checked')) {
                subTotal = eval(subTotalVal) + eval($(this).val());
            } else {
                subTotal = eval(subTotalVal) - eval($(this).val());
            }
            $('#subTotal').text(subTotal);
        });
    });
</script>
</html>