1

チェックボックスがチェックされているかどうかを確認し、チェックされている場合はページに要素を表示しようとしています。

これは私の機能です：

function checkedTechSolutions(){    
    Y.one('#techsol input[type=checkbox]').on('change', function (e) {
        var target = e.currentTarget,
        techSBox = Y.one('#techsolutions');
        if (target.get('checked')){ 
            techSBox.show();
        } else techSBox.hide();
    }
}

これは私のcssです：

#techsolutions {width: 380px; height: 100px; background-color:#cee4f2; display: none;}
#techsolutions .box {text-align: center;}

これは私のhtmlです：

<div id="techsolutions">

    <div class=box>
    <label for="TypeOfTS">Tech Solutions: </label>
    <select name="techSolutionsDrop">
        <option value="techServices">Choose your services </option>
    </select>
    </div>  

</div>
4

1 に答える 1

1

いくつかのメモ:

  • あなたの例にはチェックボックスがありませんでした#techsol
  • checkedTechSolutions呼ばれたことはありますか？YUI を使用する場合、リスナーをチェックボックスにアタッチするためにドキュメント準備型イベントは必要ありません。
  • css クラスを使用して、このようにビジュアルを変更します。わかりやすく、よりクリーンです。

このjsfiddleで完全なソリューションを見てください

于 2013-05-21T06:28:56.980 に答える