확인란을 선택했을 때 텍스트 상자를 활성화하십시오.

jquery를 사용하여 확인란을 선택했을 때 텍스트 상자를 사용하려고합니다. my page JQuery와 :확인란을 선택했을 때 텍스트 상자를 활성화하십시오.

<script> 
$(document).ready(function(){ 
    $('#isNews').change(function(){ 
    $("#newsSource").prop("disabled",false); 
}); 
}); 
</script>

HTML :

<label class="checkbox"> 
    <input type="checkbox" id="isNews" name="isNews">If you want send news: 
</label> 
<label for="newsSource" class="ilable">news source</label> 
<input id="newsSource" name="newsSource" class="input-xlarge" disabled="" type="text" placeholder="news source">

문제가 무엇입니까?

출처

2013-02-08 Ehsan

변경

$('#isNews').change(function(){ 
    $("#newsSource").prop("disabled", !$(this).is(':checked')); 
});

에 데모 : 내가 아랍어를 구사하지 않지만, 당신이 후 jQuery를 당신의 모든 스크립트의 나머지 부분을 포함하고 Fiddle

출처

2013-02-08 06:26:50

작동하지 않았습니다. 내 페이지를 볼 수 있습니까? 제발 – Ehsan

@Ehsan 주어진'$ ('# isNews')로'change' 이벤트를 사용할 필요가 있습니다 : change (function() { $ ("# newsSource"). prop ("disabled",! $ (this) .is (': checked')); }); ' –

내 상사 덕분에 – Ehsan

. jQuery 먼저을 포함시켜야합니다.

콘솔에 "Undefined variable $"이 표시됩니다. 항상 콘솔에주의하십시오.

출처

2013-02-08 06:27:28

+1 !!!! 당신은 항상 빠릅니다 ... :) :) – bipen

머리글에 jquery를 넣고 바닥 글에서 삭제하지만 작동하지 않습니다. – Ehsan

@Ehsan도 당신이 어떤 이유로'.change' 이벤트를 제거했습니다. –

그렇게

$ is not defined

당신이 probabaly로드 jQuery를 havn't는이 한 오류 .. :)

당신의 <head> 태그이 추가가

여기

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

출처

2013-02-08 06:27:56 bipen

머리에 jquery를 넣었지만 아직 작동하지 않습니다. – Ehsan

은 정확 코드

<script> 
$(document).ready(function(){ 
    $('#isNews').click(function(){ 
    if($(this).is(":checked")) 
     $("#newsSource").removeAttr("disabled"); 
    else 
     $("#newsSource").atte("disabled" , "disabled"); 
}); 
}); 
</script>

출처

2013-02-08 06:28:08

는 별도로 jQuery를 비 포함 관련된 오류에서, 여기에 코드를 변경 :

$('#isNews').change(function() { 
    $("#newsSource").prop("disabled", !this.checked); 
});

출처

2013-02-08 06:28:52

나는 당신에 의해 주어진 링크를 열었습니다. 귀하의 페이지 소스에서 문제는 당신 jquery jquery 코드 뒤에 포함됩니다. document.ready 코드 앞에 추가하십시오.

출처

2013-02-08 06:29:20

헤더에 jquery가 포함되어 있지만 문제가 해결되지 않았습니다. – Ehsan

확인란을 선택했을 때 텍스트 상자를 활성화하십시오.

답변

관련 문제