0

これを使ってみた

<input type="text" name="commentID" id="commentID" onkeyup="userTyped('skipID', this)"/>
<input type="checkbox" name="skipID" value="N" id="skipID" checked="checked"  />

そしてジャバスクリプト

function userTyped(commen, e){
if(e.value.length > 0){
document.getElementById(commen).checked=false;
}else{
document.getElementById(commen).checked=true;
}}​

JSfiddle 「EXAMPLE」では動作しますが、dreamweaverでは動作しないようです。1つのテキストボックスを使用する場合にのみ、3つのテキストボックスが入力された後にのみチェックボックスを自動的にオフにします。

4

1 に答える 1

0

ここでhttp://jsfiddle.net/MAVLy/7/は、3 つのテキスト ボックスを持つ jQuery を使用して書き直された関数です。読みやすくするために、テキストボックスの長さを変数に入れましたが、省略できます。

HTML:

<input type="text" name="textbox1" id="textbox1" class="enable" />
<input type="text" name="textbox2" id="textbox2" class="enable" />
<input type="text" name="textbox3" id="textbox3" class="enable" />
<input type="checkbox" name="skipID" value="N" id="skipID" checked="checked"  />

Jクエリ:

$(function(){
  $('input.enable').keyup(function(){
    var t1 = $('#textbox1').val().length;
    var t2 = $('#textbox2').val().length;
    var t3 = $('#textbox3').val().length;
   if (t1==0 || t2==0 || t3==0) $('#skipID').attr('checked', true);
   else $('#skipID').attr('checked', false);
  });        
});

代替ソリューション。これは、クラスの無制限の数のテキストボックスに適用されますenable

$(function(){
  $('input.enable').keyup(function(){
    var checked = false;
    $('input.enable').each(function(){
       if ($(this).val().length == 0) checked = true;
    });
    $('#skipID').attr('checked', checked);
  });        
});

別の jsfiddle: http://jsfiddle.net/MAVLy/8/

于 2013-01-03T00:44:43.840 に答える