• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
جمع عدد ها و قرار دادن در یک تکست باکس
#1
سلام چطوری میتونم این کد رو به این شکل تغییر بدم که
کد پی‌اچ‌پی:
<script type="text/javascript">

function 
calculate() {
var 
el0;
var 
total 0;
while(
el document.getElementsByName("chk")[i++]) {
if(
el.checked) { totaltotal Number(el.value)}
}
//alert(total);
  
var div document.getElementById('divid');     

div.value total ;

}
</
script>

<
input type="checkbox" name="chk" value="1" onclick="calculate()">
<
input type="checkbox" name="chk" value="2" onclick="calculate()">
<
input type="checkbox" name="chk" value="3" onclick="calculate()">
<
input type="checkbox" name="chk" value="4" onclick="calculate()">
<
input id="divid" value="1000" type="text"

که مقدار هارو باهم جمع کنه و بعد با مقدار "divid جمع کنه توی همین تکست باکس نشون بده نتیجرو مثلا جمع 4 تا چک باکس 10 میشه بیاد با مقدار 1000 جم کنه و توی تکست باکس "divid نشون بده؟؟
و اگه کاربر از زدن تیک چک باکس منصرف شد مقدارش از مقدار کل کسر بشه.
  پاسخ
تشکر شده توسط :
#2
من برنامشو برات با جی کوئری نوشتم. اگه مقدار داخل divid قرار نیست تغییر کنه از کد زیر استفاده کن:
کد پی‌اچ‌پی:
<script src="jquery-1.10.2.js"></script>
<
script type="text/javascript">
$(
document).ready(function(e) {
    var 
divid = $('.container input#divid').val();
    $(
'.container input:checkbox').click(function(e) {
        
total 0;
        $(
'.container input:checked').each(function(indexelement) {
            
total += Number(element.value);
        });
        
total += Number(divid);
//        alert(total);
        
$('#divid').val(total);
    });
});
</
script>
</
head>
<
div class="container">
    <
input type="checkbox" value="1">
    <
input type="checkbox" value="2">
    <
input type="checkbox" value="3">
    <
input type="checkbox" value="4">
    <
input id="divid" value="1000" type="text"
</
div

و اگر قراره تغییر کنه از این کد استفاده کن:
کد پی‌اچ‌پی:
<script src="jquery-1.10.2.js"></script>
<
script type="text/javascript">
$(
document).ready(function(e) {
    $(
'.container input:checkbox').click(function(e) {
        var 
divid = $('.container input#divid').val();
        
total 0;
        $(
'.container input:checked').each(function(indexelement) {
            
total += Number(element.value);
        });
        
total += Number(divid);
//        alert(total);
        
$('#divid').val(total);
    });
});
</
script>
</
head>
<
div class="container">
    <
input type="checkbox" value="1">
    <
input type="checkbox" value="2">
    <
input type="checkbox" value="3">
    <
input type="checkbox" value="4">
    <
input id="divid" value="1000" type="text"
</
div
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان