0

我的应用程序中有布尔属性“已完成”的任务。我希望能够选中复选框并立即将该布尔属性从 false 更改为 true(而不必单击提交按钮)。怎么做?

4

1 回答 1

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 ...
于 2012-05-16T13:36:23.430 回答