Переключить атрибут boolean через checkbox мгновенно

Question

У меня есть задачи в моем приложении с атрибутом boolean 'completed'. Я хотел бы иметь возможность установить флажок и мгновенно изменить этот атрибут boolean с false на true (и не нажимать кнопку отправки). Как это сделать?

Answer 1

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

<script>   
    function toggle(id, value) 
    { 
     document.getElementById('img').src = "scriptURL?id=" + id+ "&value=" + value; } 
</script> 

<input type="checkbox" name="toggleBox" onclick="toggle(this.id,this.checked);"/> 

<img src="scriptURL" id="img" style="display:none;"/> 

Изображение скрыто, когда вы установите флажок, он посылает сообщение на изображение, чтобы повторно нагрузку от «scriptURL».

«ScriptURL» получает имя элемента управления и значение - ваш код может выбрать их из строки запроса и обработать их.

Это совершенно прозрачно для пользователя и не нуждается в дополнительных каркасах.

Или

<script> 

    function toggle(id, value) 
    { 
     var url = "scriptURL?id=" + id+ "&value=" + value; 

     // this sends the name and value parameters to the scriptURL 
     $("<div/>").html(url); 
    } 


    $(document).ready(function(){ 

     $(".toggleBox").bind("click", function(){ 
      toggle($(this).attr("id"), $(this).is(':checked')); 
     }); 
    }); 

</script> 


<input type="checkbox" id="something" name="something" class="toggleBox" /> 

Рубин сценарий:

... 
require 'cgi' 

params = CGI.parse(request.query_string) 
# params is now {"id"=>["id name"], "value"=>["true or false"]} 

**Completed = p['value'].first** 

... rest of your code ...