HTML флажок не работает

Я хочу отображать и скрывать таблицу, используя флажок. Таблица появляется и исчезает без проблем. Но флажок не проверяется. У меня Jquery v1.8.2. У меня есть следующий код:HTML флажок не работает

<html> 
<head> 
    <title></title> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
     $('#checkbox').toggle(function() { 
      document.getElementById('table').style.display = "inline"; 
     }, function() { 
      document.getElementById('table').style.display = "none"; 
     }); 
    </script> 
</head> 
<body> 
    <form action="" method="POST" enctype="multipart/form-data"> 
    <input type="checkbox" id="checkbox"> 
    <br /> 
    <table id="table" style="display: none;"> 
     <tr> 
      <td> 
       <input type="file" name="file"> 
       <input type="submit" name="upload" value="upload"> 
      </td> 
     </tr> 
    </table> 
    </form> 
</body> 
</html>

источник

2013-05-17 user1763032

Попробуйте этот путь -

$('#checkbox').change(function() { 
    if ($(this).is(":checked")) { 
     $('#table').show(); 
    } else { 
     $('#table').hide(); 
    } 
});

Работа демо -->http://jsfiddle.net/pmNAe/

источник

2013-05-17 11:36:05

thanks..its рабочих – user1763032

Вас! –

Тест JSFIDDLE

Примечание: Вы можете использовать изменение вместо щелчка, но, но изменить уволят только после размытия в светлячок.

$(function(){ 

    $('#checkbox').click(function(){ 
      if(this.checked){ 
       $("#table").show(); 
      }else{ 
       $("#table").hide(); 
     } 
    }); 
});

источник

2013-05-17 11:33:26 Anoop

Вы можете попробовать как

$('#checkbox').click( 
    var my_dis = document.getElementById('table').style.display; 
    if(my_dis == 'inline') 
     document.getElementById('table').style.display = "none"; 
    else //if(my_dis == 'none') 
     document.getElementById('table').style.display = "inline";  
);

источник

2013-05-17 11:35:51 Gautam3164

Try

$('#checkbox').click(function() { 
    if (this.checked) { 
     $('#table').show(); 
    } else { 
     $('#table').hide(); 
    } 
});

Демо: Fiddle

источник

2013-05-17 11:36:45

Проверьте решение в этой скрипкой:

JSFiddle

$('#checkbox').change(function(){ 
    var $this = $(this); 
    var $table = $("#table"); 

    if($this.is(":checked")) 
     $table.show(); 
    else 
     $table.hide(); 
});

источник

2013-05-17 11:42:14

HTML флажок не работает

ответ

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