مشکل در چک باکس

M

Maryam IT

عضو جدید
سلام دوستان من به یه مشکل برخوردم خواهشا هر کی میتونه منو راهنمایی کنه...
ببینید من یه سری چک باکس دارم میخوام که هر چن تای رو که انتخاب میکنم بر روی یک دکمه مثلا submit کلیک میکنم حالا باید یه صفحه باز بشه که فقط شامل اطلاعات همون چک باکسایی که انتخاب کردم باشه...
مثلا اگه 5 تا چک باکس داشته باشم و 3 تاشو انتخاب کردم دکمه رو میزنم حالا یه صفحه باز میشه که فقط اطلاعات همون سه تا چک باکس انتخاب شده باشه...با جاوا اسکریپت چطور میتونم تابعشو بنویسم؟
 
heil

heil

عضو جدید
راه حل اول :

وقتی دکمه submit زده شد ، اطلاعات چک باکس ها رو می ریزید توی یک عدد کوکی و سپس بوسیله تابع window.open یک صفحه رو بصورت pop up باز می کنین.

در این صفحه در زمان لود صفحه (window.onload) اطلاعات رو از کوکی می خونین و درون صفحه نشون میدین.



راه حل دوم :
اطلاعات چک باکس رو بصورت query String (از طریق آدرس بار ) صفحه pop up پاس بدین.
اگر درست یادم باشه ؛ به این روش cal Back میگن


راه حل سوم : راحت ترین و بهترین روش

یک تگ توی صفحه داریم که در حالت عادی مخفی است (display:none)

بعد وقتی دکمه submit یده میشه ، روی checkbox ها حرکت می کنیم و بعد مقادیرشون رو می خونیم و میریزیم توی تگ مخفیمون و در پایان تگ رو آشکار می کنیم (display:block)
 
heil

heil

عضو جدید
سلام

این هم نمونه کد که به روش سوم است :

کد: 
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>NetNic Get CheckBox Selected Items | Sample Code</title>
<style type="text/css">
    label:first-child{ color:blue;}
</style>
<script type="text/javascript" language="javascript">

function ReadCheckbox()
{
    var temp = '';
    var radio;
    var popupTag ;
    
    for (var i=1 ; i<5 ; i++)
    {
        radio = document.getElementById('chk'+i);
    
        if(radio.checked)
        {
            temp += radio.value + '\r\n';
        }
    }
    
    popupTag = document.getElementById('popup');
    popupTag.innerHTML = temp;
    popupTag.style.display = 'block';
    
}

</script>
</head>
<body>

<label>What is your Site Address ?</label><br/>
<label>NetNic.ir</label><input id="chk1" type="checkbox" value="NetNic.ir" />
<label>SarirWeb.Com</label><input id="chk2" type="checkbox" value="SarirWeb.Com"/>
<label>LearnCD.ir</label><input id="chk3" type="checkbox" value="LearnCD.ir"/> 
<label>AnimLand.ir</label><input id="chk4" type="checkbox" value="AnimLand.ir"/> 
<br />
<br/>
<input type="button" onclick="ReadCheckbox()" value="ثبت" style="height:32px; width:83px;"/>

<h3 id="popup" style="display:none;background-color:#99FFCC;width:150px;"></h3>

</body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.
بالا