0

チェックボックスの change() イベントに応じてラベルの値を設定しようとしています。私のチェックボックスとラベルコードは;

<div class="Sell" style="width: 47px;"><input type="checkbox" id="chkSell" class="_1"/></div>
<div class="BuySelllbl" style="width: 10px;"><label id="lblBuySell_1"></label></div>

JQueryは次のとおりです。

    $("#chkSell").live('change',function(){
    var y = $(this).attr("class");
    var x = "#lblBuySell" + y;  
    alert(x);
    if(this.checked){       
        $(x).attr("value","S");
        $(x).attr("style","color: red;");
    }else{
        $(x).removeAttr("value");
    }
});

アラートは毎回ラベルの正しい ID を出力しますが、.attr プロパティには何も設定されません。構文に誤りがありますか? どんな助けも素晴らしいです。ありがとう、ニックG

4

3 に答える 3

1

プロパティ値にはラベルの値がありません。ステートメントを次のように置き換える必要があります。

$("#chkSell").live('change',function(){
    var y = $(this).attr("class");
    var x = "#lblBuySell" + y;  
    alert(x);
    if(this.checked){       
        $(x).html("S");
        $(x).attr("style","color: red;");
    }else{
        $(x).removeAttr("value");
    }
于 2013-07-25T19:04:00.783 に答える
1

チェックボックスがオンになっていることを確認する方法を変更する必要があります。

// First method - Recommended
$('#checkbox').prop('checked')  // Boolean true

// Second method - Makes code more readable (e.g. in if statements)
$('#checkbox').is(':checked')  // Boolean true

// Third method - Selecting the checkbox & filtering by :checked selector
$('#checkbox:checked').length  // Integer >0
$('#checkbox:checked').size()  // .size() can be used instead of .length

// Fourth method - Getting DOM object reference
$('#checkbox').get(0).checked  // Boolean true
$('#checkbox')[0].checked      // Boolean true (same as above)
于 2013-07-25T19:02:14.967 に答える
0 
$("#chkSell").live('change',function(){
    var x = $("#lblBuySell." + $(this).attr("class"));  

    if(this.checked == true)
    {
        x.attr("value","S");
        x.attr("style","color: red;");
    }
    else
        x.removeAttr("value");
});

長さ変数を使用して、要素を選択していないかどうかを確認できます

x.length
于 2013-07-25T19:04:02.067 に答える