如何使用复选框更新到mysql数据库

时间:2016-08-24 18:38:31

标签: jquery mysql ajax database

我有前8个复选框,每个复选框都创建了不同颜色的id名称,如下所示...请参阅(html示例代码).. 我还在jquery中编写了代码,如果选中任何复选框,它将显示带有ID颜色名称的div,如果未选中它将隐藏该颜色div框。

由于我是新的在Ajax,最近开始学习,但需要帮助...如何编写ajax并更新数据库代码以允许UPDATE进入数据库而不是INSERT它,并且一旦更新,自动显示div颜色背景或隐藏,取决于数据库的复选框。 哪种方式最好,0和1,或者是真还是假,等等...... 非常感谢。

<div class="checkbox">
        <label class="checkbox">
         <input name="checkbox" id="blue-checkbox" type="checkbox" value="blue"/>
         blue
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox" id="green-checkbox" type="checkbox" value="green"/>
         green
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox" id="yellow-checkbox" type="checkbox" value="yellow"/>
         yellow
        </label>
       </div>
      </div>
     </div>
     <div class="form-group ">
      <label class="control-label ">
       Check all that apply
      </label>
      <div class=" ">
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox1" id="orange-checkbox"  type="checkbox" value="orange"/>
         orange
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox1" id="purple-checkbox"  type="checkbox" value="red"/>
         purple
        </label>
       </div>
       <div class="checkbox">
        <label class="checkbox">
         <input name="checkbox1" id="black-checkbox" type="checkbox" value="black"/>
         black
        </label>
       </div>
      </div>
     </div>

在jquery ......

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        if($(this).attr("value")=="red"){
            $("#red").toggle();
        }
        if($(this).attr("value")=="green"){
            $("#green").toggle();
        }
        if($(this).attr("value")=="blue"){
            $("#blue").toggle();
        }
             if($(this).attr("value")=="yellow"){
            $("#yellow").toggle();
        }
        if($(this).attr("value")=="orange"){
            $("#orange").toggle();
        }
        if($(this).attr("value")=="black"){
            $("#black").toggle();
        }

    });
});

0 个答案:

没有答案