0

画像があります

<div id="map-viewer-button"><img src="image/Btn1.png"
                    onmouseover="this.src='image/Btn2.png'"
                    onmouseout="this.src='image/Btn1.png'"
                    onmousedown="this.src='image/Btn3.png'"
                    onmouseup="this.src='image/Btn2.png'"               
                    onclick="disableButton()" width="200px" height="100px"></div>

クリックした後の画像を無効にしたい。そして、他の条件が発生したときにそれを有効にします。

function disableButton(){
        $('#map-viewer-button :input').attr('disabled', true);
}
function enableButton(){
        $('#map-viewer-button :input').removeAttr('disabled');
}

しかし、これは機能しません。理由は何でしょうか？他にそうする方法はありますか？

4

2 に答える 2

2

disabled属性はフォームコントロール用です

次の要素は、disabled属性をサポートします：BUTTON、INPUT、OPTGROUP、OPTION、SELECT、およびTEXTAREA。

<input type="image" />代わりに要素を使用できます

画像入力のインライン使用を無効にするには：... onclick="this.disabled = true" />

デモjsfiddle（純粋なJavaScript）

デモjsfiddle（jQuery）

于 2013-01-11T06:20:50.623 に答える
1

コードをこれに変更して試してください...

function disableButton(){
        $('#map-viewer-button :img').attr('disabled', true);
}
function enableButton(){
        $('#map-viewer-button :img').removeAttr('disabled');
}
于 2013-01-11T06:15:33.217 に答える