1

過去の助けに感謝します。もう一度お願いします。

テキスト入力の状態（有効/無効）を変更する2つのラジオボタンが必要です。

無効から有効に変更することができましたが、問題は、ラジオボタンを切り替えても、テキストフィールドが有効のままになることです。そして、私はそれを望んでいません。

htmlはフィドルです

$(document).ready( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true);
$('input[type=radio][name=radioknof1]').click( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true).val('');
$(this).next('span').children('wpcf7-form-control-wrap casodhoda').prop('disabled',false).triggerHandler('focus');
});
});

編集し、コードを少し変更しましたが、どうしても機能するソリューションに到達できなくなりました。ロード時に入力フィールドを無効にしたいのですが、ユーザーがラジオをクリックすると、両方が有効になり、最初の入力フィールドにフォーカスする必要があります。http://jsfiddle.net/wLFKD/3/はこちらです。ありがとう！

4

3 に答える 3

5

あなたのサイトのhtmlに従って完全に変更されました。これは機能するはずです：

$(document).ready( function(){
  $('#casodhoda,#casprihoda').prop('disabled',true);
  $('input[type=radio][name=radioknof]').click( function(){
    $('#casodhoda,#casprihoda').prop('disabled',true).val('');
    $(this).next('span').children('.wpcf7-form-control').prop('disabled',false).triggerHandler('focus');
  });
});

タイプミスがありました。これがうまくいかない場合、私が考えることができる他の唯一の方法は...いいえ、これはうまくいくと思います。

于 2012-11-05T12:27:42.583 に答える
0

このマークアップ：

<input type="radio" name="radioknof" value="text1"/>
<input type="text" id="id1" disabled="disabled"/><br/><br/>
<input type="radio" name="radioknof" value="text2"/>  
<input type="text" id="id2" disabled="disabled"/>​

そしてこのスクリプト：

$('input[name="radioknof"]').on('click', function(){            
    $(this).next().prop('disabled',false).siblings('input[type=text]').prop('disabled',true);
});

結果はあなたが望むものになります：http：//jsfiddle.net/uefAK/

于 2012-11-05T12:36:27.583 に答える
0

なぜ、Javascriptを必要としない別のソリューションですか？

// HTML
<form>
    <div>
        <input id="trigger-1" type="radio" name="radioknof" value="text1"/>
        <label for="trigger-1"><input type="text" id="input-1" /></label>
    </div>
    <div>
        <input id="trigger-2" type="radio" name="radioknof" value="text2"/>
        <label for="trigger-2"><input type="text" id="input-2" /></label>
    </div>
</form>​


// CSS, but just for styling, it doesn't have functional meaning :)
form {padding: 2%}
div {margin: 1em 0}
input[type='radio'] {cursor: pointer;}​

http://jsfiddle.net/nUWcF/

于 2012-11-05T12:38:30.530 に答える