Question

我有一张表格，里面有一个图标。

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

我怎样才能做到这一点？我已经研究过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>

使用图标而不是组合框

2 个答案: