jQuery를 사용하여 입력 텍스트 상자 type = "file"비활성화

user3418506

type="file"이미지를 업로드 하는 데 사용하는 HTML 입력 태그를 비활성화하려고합니다 . 예 또는 아니오를 표시하기 위해 라디오 옵션을 사용하고 있습니다. 사용자가 아니오를 클릭하면 입력 텍스트 상자가 비활성화됩니다. 이것은 내가 사용한 코드이지만 내가 뭘 잘못했는지 모르겠습니다.

$('#inputattrib').change(function() {
  $('#images').prop('disabled', false);
});
$('#inputattribf').change(function() {
  $('#images').prop('disabled', true);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="form-group">
  <p> Indicate Payment Method:</p>
  <input id="inptrue" type="radio" name="pmethod" value="Yes">Yes
  <input id="inpfalse" type="radio" name="pmethod" value="No">No
</div>

<div class="form-group">
  <label for="file">Upload your Payment Evidence: <i>for Bank Deposit only</i></label>
  <input id="images" type="text" name="file" class="form-first-name form-control">
</div>

프라 빈 쿠마르 푸루 쇼타 만

큰 문제는 함께 type의 속성 <script>. 당신은이 type="javascript/text"작업에 허용되지 않는 그 무엇의를.

가벼운 메모에서 type="text". 무슨 뜻 type="file"인가요?

assets/js/jquery-1.11.1.min.js올바른 위치에 있는지 확인하십시오 .

또한 선택자와 일치하는 요소가 없습니다 #inputattrib. 그것이 작동하지 않는 이유입니다. 다음을 사용해야합니다.

<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
    <title>test</title>
  </head>
  <body>
    <div class="form-group" style="">
      <p> Indicate Payment Method:</p>
      <input id ="inptrue" type="radio" name="pmethod" value="Yes">Yes<br />
      <input id="inpfalse" type="radio" name="pmethod" value="No">No;
    </div>

    <div class="form-group">
      <label for="file">Upload your Payment Evidence: <i>for Bank Deposit only</i></label>
      <input id="images" type="text" name="file" class="form-first-name form-control" />
    </div>  
    <script>
   $('#inptrue').click(function() {
      $('#images').prop('disabled', false);
    });
    $('#inpfalse').click(function() {
      $('#images').prop('disabled', true);
    });
    </script>
  </body>
</html> 

작업 출력 : http://output.jsbin.com/vijinukape

OP에 따라 작업 코드는 다음과 같습니다.

$('[name="pmethod"]').change(function() {
  if ($(this).val() === "Yes")
    $('#images').removeAttr('disabled');
  else
    $('#images').attr('disabled', 'disabled');
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jQuery를 사용하여 텍스트 상자 비활성화 활성화

분류에서Dev

사용자 입력 텍스트 상자 비활성화 C #

분류에서Dev

텍스트 상자에 입력 된 모든 숫자를 합산하고 비활성화 된 상자에 표시

분류에서Dev

선택기를 사용하여 jquery로 입력 텍스트 활성화 / 비활성화

분류에서Dev

자바 스크립트를 사용하여 입력 필드 활성화 및 비활성화

분류에서Dev

JavaScript를 사용하여 텍스트 상자 / 이미지에 대한 입력 / 클릭을 비활성화하는 방법은 무엇입니까?

분류에서Dev

텍스트 상자 UWP를 사용하여 통화를 입력하는 방법

분류에서Dev

텍스트 상자에 12자를 입력하면 기능 활성화

분류에서Dev

JavaScript를 사용하여 빈 텍스트 상자를 기반으로 버튼 활성화 / 비활성화

분류에서Dev

JavaScript를 사용하여 텍스트 상자 및 버튼 활성화 / 비활성화

분류에서Dev

텍스트 내보내기를 사용할 때 출력 파일 설정 대화 상자 비활성화

분류에서Dev

입력 번호가 자리 표시자를 사용할 때 텍스트 비활성화

분류에서Dev

자바 스크립트를 사용하여 대화 상자에 텍스트 입력

분류에서Dev

javascript / jQuery를 사용하여 IE9 이하에서 입력 텍스트를 비활성화 / 읽기 전용으로 설정

분류에서Dev

유효성 검사가 실패 할 경우 JQuery를 사용하여 값 입력의 텍스트 색상 변경

분류에서Dev

특정 문자열을 입력 한 후 입력 텍스트를 비활성화하는 식을 작성하는 방법

분류에서Dev

다중 라디오 상자를 사용하여 다중 입력 필드 비활성화

분류에서Dev

자바 스크립트 또는 jquery를 사용하여 동적으로 입력 텍스트 상자 ID 참조

분류에서Dev

마우스 클릭 vb.net에서 비활성화 된 텍스트 상자를 활성화하는 방법

분류에서Dev

jquery를 사용하여 선택 옵션에 값이있는 경우 텍스트 상자를 비활성화하는 방법

분류에서Dev

ckeckbox를 확인할 때 텍스트 상자를 비활성화하는 방법

분류에서Dev

입력 한 입력에 따라 텍스트 상자 비활성화

분류에서Dev

jquery를 사용하여 rowspan이있는 테이블의 텍스트 상자 활성화

분류에서Dev

코드 숨김에서 텍스트 상자를 활성화 / 비활성화하는 ASP.NET 확인란

분류에서Dev

스크립트를 사용하여 cq5 대화 상자에서 텍스트 필드 그룹을 비활성화하는 방법

분류에서Dev

특정 키를 비활성화하지만 텍스트 영역 및 입력에는 사용할 수 없음

분류에서Dev

jquery를 사용하여 텍스트 상자에 숫자와 "-"만 입력하십시오.

분류에서Dev

Capybara를 사용하여 텍스트 상자에 입력 시뮬레이션

분류에서Dev

Capybara를 사용하여 텍스트 상자에 입력 시뮬레이션

Related 관련 기사

  1. 1

    jQuery를 사용하여 텍스트 상자 비활성화 활성화

  2. 2

    사용자 입력 텍스트 상자 비활성화 C #

  3. 3

    텍스트 상자에 입력 된 모든 숫자를 합산하고 비활성화 된 상자에 표시

  4. 4

    선택기를 사용하여 jquery로 입력 텍스트 활성화 / 비활성화

  5. 5

    자바 스크립트를 사용하여 입력 필드 활성화 및 비활성화

  6. 6

    JavaScript를 사용하여 텍스트 상자 / 이미지에 대한 입력 / 클릭을 비활성화하는 방법은 무엇입니까?

  7. 7

    텍스트 상자 UWP를 사용하여 통화를 입력하는 방법

  8. 8

    텍스트 상자에 12자를 입력하면 기능 활성화

  9. 9

    JavaScript를 사용하여 빈 텍스트 상자를 기반으로 버튼 활성화 / 비활성화

  10. 10

    JavaScript를 사용하여 텍스트 상자 및 버튼 활성화 / 비활성화

  11. 11

    텍스트 내보내기를 사용할 때 출력 파일 설정 대화 상자 비활성화

  12. 12

    입력 번호가 자리 표시자를 사용할 때 텍스트 비활성화

  13. 13

    자바 스크립트를 사용하여 대화 상자에 텍스트 입력

  14. 14

    javascript / jQuery를 사용하여 IE9 이하에서 입력 텍스트를 비활성화 / 읽기 전용으로 설정

  15. 15

    유효성 검사가 실패 할 경우 JQuery를 사용하여 값 입력의 텍스트 색상 변경

  16. 16

    특정 문자열을 입력 한 후 입력 텍스트를 비활성화하는 식을 작성하는 방법

  17. 17

    다중 라디오 상자를 사용하여 다중 입력 필드 비활성화

  18. 18

    자바 스크립트 또는 jquery를 사용하여 동적으로 입력 텍스트 상자 ID 참조

  19. 19

    마우스 클릭 vb.net에서 비활성화 된 텍스트 상자를 활성화하는 방법

  20. 20

    jquery를 사용하여 선택 옵션에 값이있는 경우 텍스트 상자를 비활성화하는 방법

  21. 21

    ckeckbox를 확인할 때 텍스트 상자를 비활성화하는 방법

  22. 22

    입력 한 입력에 따라 텍스트 상자 비활성화

  23. 23

    jquery를 사용하여 rowspan이있는 테이블의 텍스트 상자 활성화

  24. 24

    코드 숨김에서 텍스트 상자를 활성화 / 비활성화하는 ASP.NET 확인란

  25. 25

    스크립트를 사용하여 cq5 대화 상자에서 텍스트 필드 그룹을 비활성화하는 방법

  26. 26

    특정 키를 비활성화하지만 텍스트 영역 및 입력에는 사용할 수 없음

  27. 27

    jquery를 사용하여 텍스트 상자에 숫자와 "-"만 입력하십시오.

  28. 28

    Capybara를 사용하여 텍스트 상자에 입력 시뮬레이션

  29. 29

    Capybara를 사용하여 텍스트 상자에 입력 시뮬레이션

뜨겁다태그

보관