ラジオボタンをクリックしてブラウズオプションを有効にしたい

ラジオボタンが2つあり、無効になっているブラウズボタンがあります。ラジオボタンがオンの場合にのみ参照ボタンを有効にします。ラジオボタンをクリックしてブラウズオプションを有効にしたい

ここは私がやっていることです。

下記のhtmlを見つけて、どこが間違っているのかを教えてください。

<!DOCTYPE html> 
<html> 

    <head> 
    <title>Page Title</title> 
    <script> 
     < script type = "text/javascript" > 
     $("input.[name=radio2]").change(function() { 
     $('input.[name=upload]').prop("disabled", false); 

     }); 

    </script> 
    </head> 

    <body> 
    <form> 

     <p> 
     <h5><label><b>Choose option:</b></label></h5> 
     <label class="radio radio--alt"> 
     <input type="radio" name="radio2"> 
     <span class="radio__input"></span> 
     <span class="radio__label">XYZ</span> 
     </label> 
     <label class="radio radio--alt"> 
     <input type="radio" name="radio2"> 
     <span class="radio__input"></span> 
     <span class="radio__label">ABC</span> 
     </label> 
     <br><b> 
     <h4>Upload File: &nbsp <input type="file" id="uploadFile"       name="upload" disabled="disabled"> </h4> 
     </p> 

    </form> 
    </body> 
</html>

出典

2017-11-24 cool.vik

あなたは右である要素を選択するために、属性セレクタを使用しているが、あなたはそれに余分.。

は、無線要素の両方にradio-someclassを追加してください、この作業では、この

$("input[name='radio2']").change(function() { 
     $('input[name="upload"]').prop("disabled", false); 

    });

それとも最も簡単（クラスとidセレクタ）

$(".radio-someclass").change(function() { 
     $('#uploadFile').prop("disabled", false); 

});

を試してみてください。

は

[OK]を待機を更新しました。あなたはjqueryを使用していないので、余分に<script>があり、あなたのスクリプトをdocument.readyの中に入れます。くそー！！！たくさんのことが私にすべてを貼り付けることができます。それを適切に行って、あなたが見逃しているか見てください。:)

<!DOCTYPE html> 
    <html> 

    <head> 
     <title>Page Title</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
    </script> 
    <script> 
     $(function(){ 
     $("input[name='radio2']").change(function() { 
     $('input[name="upload"]').prop("disabled", false); 

     }); 
     }) 

     </script> 
     </head> 

    <body> 
    <form> 

     <p> 
     <h5><label><b>Choose option:</b></label></h5> 
     <label class="radio radio--alt"> 
     <input type="radio" name="radio2"> 
     <span class="radio__input"></span> 
     <span class="radio__label">XYZ</span> 
     </label> 
     <label class="radio radio--alt"> 
     <input type="radio" name="radio2"> 
     <span class="radio__input"></span> 
     <span class="radio__label">ABC</span> 
     </label> 
     <br><b> 
     <h4>Upload File: &nbsp <input type="file" id="uploadFile"       name="upload" disabled="disabled"> </h4> 
     </p> 

    </form> 
    </body> 
</html>

出典

2017-11-24 07:12:19 bipen

私は申し訳ありませんが、オプションの両方が、私は両方のラジオボタンのIDを使用してcool.vik更新@ –

を閲覧me..evenのために働いていません。あなたはそれを正しく行って、間違いをもう一度やってはいけないことをお勧めします:) :)。今度はあなたを助けますが、ここではstackoverflowの人々はこれを通常行っていません。 – bipen

更新していただきありがとうございます。これは私の最初の投稿でしたので、ここで私のコードに言及するのが間違っているかもしれません。次回は必ず注意してください...そして、私が行方不明だったのです...ありがとう –

ラジオボタンをクリックしてブラウズオプションを有効にしたい

答えて

関連する問題