4

チェックボックスをオンにしたときに、jqueryを使用してテキストボックスを有効にしてみます。 私のページ 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">

どうしたの？

4

6 に答える 6

14

への変更

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

デモ:フィドル

于 2013-02-08T06:26:50.293 に答える
4

jQueryが含まれていないことに関連するエラーとは別に、コードを次のように変更します。

$('#isNews').change(function () {
    $("#newsSource").prop("disabled", !this.checked);
});
于 2013-02-08T06:28:52.357 に答える
2

私はアラビア語を話せませんが、残りのすべてのスクリプトの後に jQuery を含めています。最初に jQuery を含める必要があります。

コンソールに「未定義の変数 $」が表示されます。常にコンソールに注意してください。

于 2013-02-08T06:27:28.290 に答える
0

あなたが持っているエラーがあります

$ is not defined

だからあなたはおそらくjqueryをロードしていません..:)

<head>これをタグに追加します

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
于 2013-02-08T06:27:56.527 に答える
0

これが正しいコードです

<script>
$(document).ready(function(){
  $('#isNews').click(function(){
    if($(this).is(":checked"))
       $("#newsSource").removeAttr("disabled");
    else
       $("#newsSource").atte("disabled" , "disabled");
});
});
</script>
于 2013-02-08T06:28:08.637 に答える
0

私はあなたから与えられたリンクを開きました。ページソースで問題は、jqueryコードの後に​​jqueryを含めていることです。document.readyコードの前に追加してみてください。

于 2013-02-08T06:29:20.407 に答える