1

チェックボックスを1回クリックするとラベルのクラスを設定し、もう一度クリックすると最初のクラスに戻るスクリプトを作成しようとしています。

これは私が持っているコードです:

    <label for="img1">
    <img class="img1" src="Images/testimg.jpg" onclick="javascript:test()" id="t1" />
    </label>

    <input type="checkbox" class="chk " id="img1" name="img1" value="1" />

テスト関数が呼び出されたときにクラス img2 を割り当て、再度呼び出してクラス img1 を割り当てたい。

4

4 に答える 4

4

JavaScript

function toggleClass(element, origin, target) {
    var newClass = element.className.split(" ");
    for (var i = 0, i < newClass.length; i++) {
        if (origin.localeCompare(newClass[i]) == 0) {
            newClass[i] = target;
        };
    };
    element.className = newClass.join(" ");
};
// Usage
var img = document.getElementById("img1");
toggleClass(img, "img1 img2");

jQuery

$("#img1").toggleClass("img1 img2");

詳細はこちら。

于 2013-05-08T14:50:53.320 に答える
2 
function test() {
    t1.className = t1.className == 'img1' ? 'img2' : 'img1';
}

関連: JavaScript で要素のクラスを変更する

于 2013-05-08T14:52:37.157 に答える