Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用图标而不是组合框_Php_Html_Jquery Ui - Fatal编程技术网

Php 使用图标而不是组合框

Php 使用图标而不是组合框,php,html,jquery-ui,Php,Html,Jquery Ui,我有一个表格,里面有一个图标 当前,要在true和false之间进行选择。图标下面有一个组合框,但是,我需要做的是能够根据组合框本身中的图标切换状态。如果数据库中的布尔值为false,则会显示X,但如果有人单击X,则数据库中的布尔值将设置为true,图标将变为勾号 我怎样才能做到这一点?我已经研究了jquery,但它不是我想要的 干杯。这就是你想要的,你只是不知道如何利用它 首先,您需要正确设置表单,您可以从以下几点中获得启发: <form> <select name=

我有一个表格,里面有一个图标

当前,要在true和false之间进行选择。图标下面有一个组合框,但是,我需要做的是能够根据组合框本身中的图标切换状态。如果数据库中的布尔值为false,则会显示X,但如果有人单击X,则数据库中的布尔值将设置为true,图标将变为勾号

我怎样才能做到这一点?我已经研究了jquery,但它不是我想要的


干杯。

这就是你想要的,你只是不知道如何利用它

首先,您需要正确设置表单,您可以从以下几点中获得启发:

<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>