我有前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();
}
});
});