1

23列7行のテーブルにチェックボックスがあります。選択時にチェックマークを非表示にするようにチェックボックスのスタイルを設定したい。チェックした項目を識別するために、チェックボックスの背景画像を色で塗りつぶすように変更する必要があります。誰かがこれをJquery/JavascriptとCSSでどのように行うことができるか教えてもらえますか？http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/custom-form-elements.jsのJavascriptプラグインを使用してみ ました。このJsをphpページに含めてclass=styledを追加しました。動作していないようです。

これが私のチェックボックスのコードです：

 <div id="checkboxes">
          <table id="custom-interval-tbl" class="form-layout" cellpadding="0" cellspacing="0">
              <?php foreach($days_of_week as $short => $long): ?>
                <tr>
                      <th scope="row"><?echo"<b>".$short."</b>"?></b></th>
                      <?php for($hour = 0; $hour <= 23; ++$hour): ?>
                        <td><input type="checkbox" class="styled" name="custom_interval[<?=$short?>][<?=$hour?>]" value="<?=$hour?>" <?=isset($custom_intervals[$short][$hour]) ? 'checked="checked"' : ''?> /></td>
                      <?php endfor; ?>
                </tr>
                 <?php endforeach; ?>
          </table>
          </div>
        </div>

スクリプト内の何かを変更する必要がありますか？私たちの提案をありがとう。

4

4 に答える 4

0 
$(document).ready(function() {
  $('input:checkbox').on('change', function(){
    $(this).hide();
 }
});
于 2012-08-09T17:59:08.270 に答える
0

このフォーム要素のスタイリングjqueryプラグインを使用できます。

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

アイコンをチェックせずに背景画像を使用する必要があります。

チェックされていないアイコンを使用するためのサンプル背景画像を添付しました。元のものと簡単に交換できます。 ここに画像の説明を入力してください

于 2012-08-09T18:26:56.353 に答える