• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
پنهان/نمایش
#1
Information 
با سلام
من چند تا checkbox و div دارم و میخوام وقتی تیک هر از چک باکس ها خورد یکی از دیو ها از حالات مخفی بیرون بیاد و وقتی هم که تیک ان را برداشتیم دیو هم مخفی بشه
از فرم وچیزه دیگه هم نمیخوام استفاده کنم فقط از java script ،html،css استفاده کنم.
  پاسخ
تشکر شده توسط :
#2
کد:
<input type="checkbox" class="check1" value="div1" />
<input type="checkbox" class="check1" value="div2" />
<div id="div1" style="display:none; width:100px; height:100px; background-color:red;"></div>

<div id="div2" style="display:none; width:100px; height:100px; background-color:blue;"></div>

<script>
    $('.check1').click( function(){
        if( $(this).prop('checked') == true )
            $('#' + $(this).val() ).show(300);
        else
            $('#' + $(this).val() ).hide(300);
    });
</script>

البته من با JQuery نوشتم، ولی اگه میخوای فقط با JavaScript خالی باشه، همین روش رو میتونی با جاوااسکریپت بازسازی کنی...
هر که با مرغ هوا دوست شود - خوابش آرامترین خواب جهان خواهد بود.
  پاسخ
تشکر شده توسط : shgninc Hosein123


پرش به انجمن:


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