نمایان
www.3manage.com
لایسنس آنتی ویروس

کار با CheckBox ها در html و جاوا اسکریپت

در زبان برنامه نویسی Html قادر خواهید بود از دکمه های چند گزینه ای Check Box استفاده کنید تا در انتخاب کاربران در برنامه و سایت خود استفاده کنید ، که از این موارد که در سایت ها رایج می باشد کادر های نظر سنجی و … می باشد.

شرح کدها:

۴ شی Check box و ۲ Button را به همراه توضیحات بیشتر به نمایش در می آورد ، که خاصیت کلیک Button اول(set to one) قابلیت تیک زدن چک باکس اول را دارست و اما Btutton دوم(find the one) دارای این قابلیت می باشد که با یه پیغام چک باکس ها را چک می کند و هر کدام که True شده باشند را نمایش می دهد.

نحوه استفاده:

کد را در یک فایل Html کپی کرده و اجرا کنید.

[php]

<form class="example" name="form03" method="" action="">
<p>
Pick an option …
<br />
Row 1: [<input type="checkbox" name="field01" value="item1" /> 1]
<br />
Row 2:
[<input type="checkbox" name="field02" value="item1" /> 1]
[<input type="checkbox" name="field02" value="item2" /> 2]
[<input type="checkbox" name="field02" value="item3" /> 3]
</p>
<p>
And click the button:
<input type="button" name="field03" value="Find the One"
onclick="findtheone( );" />
<input type="button" name="field04" value="Set to One"
onclick="document.form03.field01.checked=’true’;" />
</p>
</form>

<script type="text/javascript" language="JavaScript">
<!–
function findtheone( ) {
var outvar = ”;
var whichitem = 0;
if (document.form03.field01.checked) {
outvar = ‘You selected the item in the first row. \n’;
}
while (whichitem < document.form03.field02.length) {
if (document.form03.field02[whichitem].checked) {
outvar = outvar + ‘You selected item number ‘ +
(whichitem + 1) + ‘ in the second row. \n’;
}
whichitem++;
}
window.alert(outvar);
}
// –>
</script>

[/php]

یک نظر بگذارید

دسته‌ها
اين سايت را حمايت مي کنم