0

アイコンがあるフォームがあります。

現在、true と false の間で選択します。アイコンの下にコンボ ボックスがありますが、コンボ ボックス自体のアイコンに応じて状態を切り替えることができるようにする必要があります。データベースのブール値が false の場合、X が表示されますが、誰かが X をクリックすると、データベースのブール値が true に設定され、アイコンが目盛りに変わります。

どうすればこれを達成できますか？私はjqueryを調べましたが、探しているものではありません。

乾杯。

4

2 に答える 2

0

別のポスターの 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>
于 2012-07-10T13:44:06.750 に答える
0

それはあなたが探しているものです。あなたはそれを利用する方法を知りません。

まず、フォームを正しく設定する必要があります。次のことからインスピレーションを得ることができます。

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

それは正しいように聞こえます。それをテストして、残りは自分でやってみてください。コードはかなり自明です。それ以上のことはできませんでした。

幸運を

于 2012-07-10T13:26:29.217 に答える