php - 使用图标代替组合框

Question

我有一个表格，其中有一个图标。

目前，在真假之间进行选择。图标下方有一个组合框，但是，我需要做的是能够根据组合框本身的图标切换状态。如果数据库中的布尔值为假，X 将出现，但如果有人点击 X，则数据库中的布尔值设置为真，图标变为勾号。

我怎样才能做到这一点？我已经研究过 jquery，但它并不是我想要的。

干杯。

Answer 1

这就是你要找的东西，你只是不知道如何利用它。

首先，您需要正确设置表单，您可以从中获得启发：

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

这听起来很对，测试一下，然后尝试自己做剩下的事情。该代码非常不言自明，我无法为您提供更多帮助。

祝你好运

Answer 2

使用来自另一张海报的 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>

和

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