2014-01-16 2 views
-1

Вот мой сценарий.Когда я устанавливаю флажок в первый раз, когда программа выполняется. Но после снятия отметки NOT

Когда я устанавливаю флажок в первый раз, когда программа выполняется. Но после снятия отметки (он скроет вывод), когда я захочу проверить его снова, он не покажет мои результаты.

<script> 
$(document).ready(function() { 
$('#chk input').change(function(){ 

    if($(this).is(":checked")) { 
     // checkbox is checked -> do something 
     var url=$(this).attr('value'); 
      $('#headlines').load('Subcri.php?searchquery='+ url); 
      return false; 
    } else { 
     // checkbox is not checked -> do something different 
     $('#headlines').hide(); 
    } 

}); 

}); // end ready 

Вот моя html часть

<html> 

<form id="chk" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST"> 
<input type="checkbox" name="searchquery" class="click" id="" value="bird" >Checkbox 
<br /> 
<input type="checkbox" name="searchquery" class="click" id="" value="pet" >Checkbox 
<br /> 
<input type="checkbox" name="searchquery" class="click" id="" value="school" >Checkbox 
<br /> 
<input type="checkbox" name="searchquery" class="click" id="" value="Disney" >Checkbox 

<br /> 

</form> 

<div id="headlines"></div> 
</html> 

ответ

2

Вы не показывать заголовок DIV спрятав его. вам нужно показать его, если он скрыт.

заменить JS скрипт следующим образом:

<script> 
    $(document).ready(function() { 
    $('#chk input').change(function(){ 

     if($(this).is(":checked")) { 
      // checkbox is checked -> do something 
      var url=$(this).attr('value'); 
       if(! $('#headlines').is(":visible")){ 
        $('#headlines').show(); 
        } 
       $('#headlines').load('Subcri.php?searchquery='+ url); 
       return false; 
     } else { 
      // checkbox is not checked -> do something different 
      $('#headlines').hide(); 
     } 

    }); 

    }); // end ready 

демо: http://jsfiddle.net/qsDn5/15/

+1

@Enigma: это работало? –

+0

Thanx a lottt .... – EniGma

+0

Да, это Worksssssssssss – EniGma

1

Использовать этот

if(! $('#headlines').is(":visible")){ 
    $('#headlines').show(); 
} 

Виль Показать

Смежные вопросы