babak_delphi
سه شنبه 11 خرداد 1389, 17:25 عصر
سلام
من در قسمتی از یک سایت که ASP.NET و با زبان C# نوشته میشه باید کار زیر رو انجام بدم :
12 CheckBox رد در 4 سطر و 3 ستون کنار هم قرار بدم و بازدادکننده میتونه هرکدوم رو که خواست تیک بزنه یا تیکش رو برداره
حالا کنار هر ردیف باید یک Label هم باشه که به محض تیک زدن ، تعداد CheckBox های تیک خوردۀ هر ردیف رو نشون بده
مساله اینجاست که باید مثل اسکریپت های کلاینت ساید باشه و بلافاصله و با کلیک کردن محاسبه رو انجام بده و نتیجرو نشون بده
لطفا کمک کنید این تکه کد رو بنویسم
ممنون
kooshanakhai
سه شنبه 11 خرداد 1389, 17:39 عصر
کاملا به JavaScript مربوطه و ربطی به انجمن ASP.Net نداره.
mehdima
سه شنبه 11 خرداد 1389, 21:03 عصر
با سلام
شما مي تونيد با استفاده از كنترل هاي سمت كلاينت اينكارو انجام بديد.
احتمالا شما به اين نياز داريد كه نتايج رو سمت سرور در دسترس داشته باشيد.براي اينكار كافيه خاصيت Runat كنترل هاي سمت كلاينت رو برابر Server قرار بديد.همانطور كه در كدها مشاهده مي كنيد:
<table style="width: 265px; height: 200px; text-align: center;">
<tr>
<td><input type="checkbox" id="chk1" onclick="return Check1(this,1)" runat="server" /></td>
<td><input type="checkbox" id="chk2" onclick="return Check1(this,1)" runat="server" /></td>
<td><input type="checkbox" id="chk3" onclick="return Check1(this,1)" runat="server" /></td>
<td style="width: 20px">
<input type="text" runat="server" id="t1" readonly="readonly" value="0" style="width: 57px" disabled="disabled" />
</td>
</tr>
<tr>
<td><input type="checkbox" id="chk4" onclick="return Check1(this,2)" runat="server" /></td>
<td><input type="checkbox" id="chk5" onclick="return Check1(this,2)" runat="server" /></td>
<td><input type="checkbox" id="chk6" onclick="return Check1(this,2)" runat="server" /></td>
<td style="width: 20px">
<input type="text" runat="server" id="t2" readonly="readonly" value="0" style="width: 57px" disabled="disabled" />
</td>
</tr>
<tr>
<td><input type="checkbox" id="chk7" onclick="return Check1(this,3)" runat="server" /></td>
<td><input type="checkbox" id="chk8" onclick="return Check1(this,3)" runat="server" /></td>
<td><input type="checkbox" id="chk9" onclick="return Check1(this,3)" runat="server" /></td>
<td style="width: 20px">
<input type="text" runat="server" id="t3" readonly="readonly" value="0" style="width: 57px" disabled="disabled" />
</td>
</tr>
<tr>
<td><input type="checkbox" id="chk10" onclick="return Check1(this,4)" runat="server" /></td>
<td><input type="checkbox" id="chk11" onclick="return Check1(this,4)" runat="server" /></td>
<td><input type="checkbox" id="chk12" onclick="return Check1(this,4)" runat="server" /></td>
<td style="width: 20px">
<input type="text" runat="server" id="t4" readonly="readonly" value="0" style="width: 57px" disabled="disabled" />
</td>
</tr>
</table>
كد جاوا اسكريپت محاسبه چك باكس هاي تيك خورده:
<script language="javascript" type="text/javascript">
function Check1(obj,numoflbl)
{
switch (numoflbl)
{
case 1:
var txt=document.getElementById("t1");
if(obj.checked)
txt.value=Number(txt.value)+1;
else
txt.value=Number(txt.value)-1;
break;
case 2:
var txt=document.getElementById("t2");
if(obj.checked)
txt.value=Number(txt.value)+1;
else
txt.value=Number(txt.value)-1;
break;
case 3:
var txt=document.getElementById("t3");
if(obj.checked)
txt.value=Number(txt.value)+1;
else
txt.value=Number(txt.value)-1;
break;
case 4:
var txt=document.getElementById("t4");
if(obj.checked)
txt.value=Number(txt.value)+1;
else
txt.value=Number(txt.value)-1;
break;
}
}
</script>
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.