2016-07-15 73 views
-4

假设你有一个复选框,并在旁边显示任何号码,无论是10,当用户点击复选框,然后是10变成9,但如果取消选中,然后再次变成10减去1张,如果复选框被选中

<input type="checkbox" id="credits" name="credits" <?php echo $checked;?> /> (10) Credit 

信贷的价值将从数据库中获取。

+0

可以用户jQuery的更新UI的价值,如果你想更新数据库,那么你可以在复选框更改事件使用AJAX调用。 –

回答

0

$(function() { 
 
    $('#credits').change(function() { 
 
    var currentValue = parseInt($('#credit-amount').text()); 
 
    var newValue = currentValue + ($(this).prop('checked') ? -1 : 1); 
 
    $('#credit-amount').text(newValue); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" id="credits" name="credits" /> (<span id="credit-amount">10</span>) Credit

+0

非常感谢你的帮助@smarx。 – rodrix

+0

@smrax上提交选中的值返回到默认值。如何解决这个兄弟? – rodrix

+0

当然重要......你怎么“修理”这取决于你想要什么实际做的复选框。 (例如,你可以发送状态到服务器,并把它在页面加载的选中状态设置为不管它存储,或者你可以使用一个Cookie或本地存储只记得一些地方在该浏览器。)你需要决定你想要什么样的行为。作为一个便笺,我觉得被称为“兄弟”有点冒犯。 (这会因文化而异。) – smarx