6

チェックボックスとテキスト入力があります

必要なのは、チェックボックスをオンにするとテキスト入力を有効にし、チェックボックスをオフにするとテキスト入力を無効にすることです

私は次のコードを使用していますが、チェックされていない場合は逆に有効になり、チェックされている場合は無効になるため、ニーズに合わせて調整する方法があります。

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
document.getElementById('yourText').enabled = this.checked;
};
</script>

助けて〜ありがとう

4

5 に答える 5

40

!の前にa を追加するだけですthis.checked。

変更を示す例を次に示します。

document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = !this.checked;
};
<input type="text" id="yourText" disabled />
<input type="checkbox" id="yourBox" />

于 2013-02-28T16:11:35.540 に答える
4

jQuery ソリューションは次のようになります。

<script>
$('#yourBox').change(function() {
    $('yourText').attr('disabled',!this.checked)
});
</script>

ミンコの答えと同じですが、よりエレガントだと思います。

于 2013-02-28T16:17:14.870 に答える
-1 

function createInput( chck ) {
    if( jQuery(chck).is(':checked') ) {
        jQuery('<input>', {
            type:"text",
            "name":"meta_enter[]",
            "class":"meta_enter"
        }).appendTo('p.checkable_options');
    }
    else {
        jQuery("input.meta_enter").attr('disabled','disabled');
    }        
}
createInput( chck );
<input type="radio" name="checkable" class="checkable" value="3" />
<input type="radio" name="checkable" class="checkable" value="4" onclick="createInput(this)" />

于 2016-02-09T08:34:06.150 に答える