Question

我有2个单选按钮和已禁用的浏览按钮，我只想在选中单选按钮时启用浏览按钮。

这就是我在做什么。

请找到下面的html，让我知道我哪里出错了，或者我可以改进我的代码。

"//iframe[contains(@id,'frame')]"

Answer 1

您正在使用属性选择器来选择正确的元素，但您需要额外的.。

试试这个

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

    });

或最简单的（类和id选择器）

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

});

为此，请确保将radio-someclass添加到无线电元素。

<强>更新

好的等等。所以你没有使用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>

点击单选按钮想要启用浏览选项

1 个答案: