文章/答案/技术大牛

发布

社区首页 >问答首页 >使用图标而不是组合框

问使用图标而不是组合框
EN

Stack Overflow用户

提问于 2012-07-10 21:18:51

回答 2查看 100关注 0票数 0

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

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

我如何才能做到这一点？我研究过jquery，但它并不完全是我想要的。

干杯。

php

html

jquery-ui

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-10 21:26:29

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

首先，您需要正确设置表单，您可以从以下内容中获得灵感：

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

这听起来是对的，测试一下，然后试着自己做剩下的事情。代码是不言自明的，我不能帮你更多。

祝好运

票数 0

Stack Overflow用户

发布于 2012-07-10 21:44:07

使用另一个海报中的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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11414202

复制

相似问题

问使用图标而不是组合框
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用图标而不是组合框EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用图标而不是组合框
EN