Php 使用图标而不是组合框
我有一个表格,里面有一个图标 当前,要在true和false之间进行选择。图标下面有一个组合框,但是,我需要做的是能够根据组合框本身中的图标切换状态。如果数据库中的布尔值为false,则会显示X,但如果有人单击X,则数据库中的布尔值将设置为true,图标将变为勾号 我怎样才能做到这一点?我已经研究了jquery,但它不是我想要的Php 使用图标而不是组合框,php,html,jquery-ui,Php,Html,Jquery Ui,我有一个表格,里面有一个图标 当前,要在true和false之间进行选择。图标下面有一个组合框,但是,我需要做的是能够根据组合框本身中的图标切换状态。如果数据库中的布尔值为false,则会显示X,但如果有人单击X,则数据库中的布尔值将设置为true,图标将变为勾号 我怎样才能做到这一点?我已经研究了jquery,但它不是我想要的 干杯。这就是你想要的,你只是不知道如何利用它 首先,您需要正确设置表单,您可以从以下几点中获得启发: <form> <select name=
干杯。这就是你想要的,你只是不知道如何利用它 首先,您需要正确设置表单,您可以从以下几点中获得启发:
<form>
<select name="myselectcheckbox" id="myselectcheckbox">
<option value="X"<?php if($data['myselectcheckbox'] == 'X'){ echo ' selected="selected"'; ?>>Yes</option>
<option value=""<?php if($data['myselectcheckbox'] == ''){ echo ' selected="selected"'; ?>>No</option>
</select>
</form>
对于表单元素,这应该做到,jQuery的代码如下:
<script>
$(function(){
$('#myselectcheckbox').hide().append('<a href="#" id="myselectedcheckbox_toggler"><img src="checkbox.gif"></a>');
$('#myselectedcheckbox_toggler').click(function(){
if($('#myselectcheckbox').val() == 'X'){
$('#myselectcheckbox').val('');
$('#myselectedcheckbox_toggler img').attr('src', 'checkbox.gif');
}else{
$('#myselectcheckbox').val('X');
$('#myselectedcheckbox_toggler img').attr('src', 'checkbox-checked.gif');
}
});
});
</script>
这听起来不错,测试一下,然后试着自己做剩下的事情。代码很容易解释,我帮不了你更多
好运使用另一张海报上的jquery修改了我的代码
<script>
$(function(){
$('#myselectcheckbox').hide().append('<a href="#" id="myselectedcheckbox_toggler"><img src="checkbox.gif"></a>');
$('#myselectedcheckbox_toggler').click(function(){
if($('#myselectcheckbox').val() == TRUE){
$('#myselectcheckbox').val('');
$('#myselectedcheckbox_toggler').attr('src', 'checkbox.gif');
}else{
$('#myselectcheckbox').val(TRUE);
$('#myselectedcheckbox_toggler').attr('src', 'checkbox-checked.gif');
}
});
});
</script>
及
您使用jQuery做了哪些尝试?当涉及到UI和服务器之间的通信时,使用jQuery几乎可以做任何事情。似乎我找不到任何东西/或更多的东西,不完全确定如何使用JqueryjQuery+Ajax解决这个问题,基本上可以达到您刚才所说的效果。在图标中绑定一个点击事件,并通过ajax请求设置数据库。谢谢,如果我错了,请纠正我,但这基本上是一个组合框,JQuery用图标修改它吗?不,JQuery隐藏组合框但不禁用它。禁用的元素不会发布,所以您只想隐藏它,然后图像链接到组合框的值。如果你点击图像,该值和图像会相应地改变。这是一个好方法,因为如果你的用户不能运行javascript,因此不能运行jquery,复选框仍然会存在,用户可以从中选择一个值…好的,我已经在上面发布了答案,请参阅我的代码,我不是来帮你解决问题的,你有一个有效的解决方案,试着去解决它,理解你的问题,自己解决它们,否则你永远不会成为一个程序员。。。
<select name="myselectcheckbox" id="myselectcheckbox">
<option value="X"<?php if($child_details['IsVaccinatedAgainstDiphtheria']==TRUE){ echo ' selected="selected"'; ?>>Yes</option>
<option value=""<?php if($child_details['IsVaccinatedAgainstDiphtheria']==FALSE){ echo ' selected="selected"'; ?>>No</option>