2013-04-30 36 views
0

下面是我用來在我的ASP MVC 3視圖中嘗試將.blur事件附加到單選按鈕(此代碼位於document.ready之內)的語法。jQuery blur在單選按鈕上沒有觸發

我也在Chrome的調試控制檯或源代碼控制檯中看不到任何錯誤。我也在IE中嘗試過這種方式,但無法使其正常工作(我讀過Chrome瀏覽器有blur事件的問題)。任何幫助將不勝感激。

我試了下列標籤:#AlignmentL#AlignmentL:radio但沒有任何運氣。

$('AlignmentL:radio').blur(function() { 
     alert('Inside AlignmentL'); 
     if ($('#LocationZip').val() != "" && $('#LocationState').val() != "" && $('#channelName').html() != "") { 
      getDrmTerritory($('#LocationZip').val(), $('#LocationState').val(), $('#channelName').html()); 
     } 
     else if ($('#channelName').html() != "") { 
      $('#channelName').html() = ""; 
     } 
    }); 

編輯

這裏是從ASP MVC查看相關的HTML

<div class="M-editor-label"> 
     @Html.LabelFor(model => model.AlignmentAddressInd)<span class="req">*</span> 
    </div> 
    <div class="M-editor-field" onclick="CheckTerritory('align');"> 
     @Html.RadioButtonFor(model => model.AlignmentAddressInd, "M", new { Checked = "checked", id = "AlignmentM" }) Mailing 
     @Html.RadioButtonFor(model => model.AlignmentAddressInd, "L", new { id = "AlignmentL" }) Location 
     @Html.ValidationMessageFor(model => model.AlignmentAddressInd) 
    </div> 

第二個編輯

它只是發生在我身上,因爲我有這個.blur兩個電臺按鈕我可能會有一個取消另一個。這裏是全斷面

$('#AlignmentL:radio').blur(function() { 
     alert('Inside AlignmentL'); 
     if ($('#LocationZip').val() != "" && $('#LocationState').val() != "" && $('#channelName').html() != "") { 
      getDrmTerritory($('#LocationZip').val(), $('#LocationState').val(), $('#channelName').html()); 
     } 
     else if ($('#channelName').html() != "") { 
      $('#channelName').html() = ""; 
     } 
    }); 

    $('#AlignmentM:radio').blur(function() { 
     alert('Inside AlignmentM'); 
     if ($('#MailingZip').val() != "" && $('#MailingState').val() != "" && $('#channelName').html() != "") { 
      getDrmTerritory($('#MailingZip').val(), $('#MailingState').val(), $('#channelName').html()); 
     } 
     else if ($('#channelName').html() != "") { 
      $('#channelName').html() = ""; 
     } 
    }); 

第三編輯

沒關係,我評論的單選按鈕出來的一個,它仍然沒有工作。

+0

請把你的相關的HTML太 – bipen 2013-04-30 17:19:49

+0

是的,它是在'document.ready'功能 – NealR 2013-04-30 19:37:00

回答

1

我不得不放棄.blur方法(可能是更好的主意呢,因爲這個,我想這些事件來觸發點擊時,而不是當他們失去焦點時)並使用.change。現在一切正常。

$('#AlignmentM:radio').change(function() { 
     alert('Inside AlignmentM'); 
     var channel = $.trim($('#channelName').html()); 
     if ($('#MailingZip').val() != "" && $('#MailingState').val() != "" && channel != "") { 
      getDrmTerritory($('#MailingZip').val(), $('#MailingState').val(), channel); 
     } 
     else if ($('#territoryName').html() != "") { 
      $('#channelName').html() = ""; 
     } 
    }); 

    $('#AlignmentL:radio').change(function() { 
     alert('Inside AlignmentL'); 
     if ($('#LocationZip').val() != "" && $('#LocationState').val() != "" && $('#channelName').html() != "") { 
      getDrmTerritory($('#LocationZip').val(), $('#LocationState').val(), $('#channelName').html()); 
     } 
     else if ($('#territoryName').html() != "") { 
      $('#channelName').html() = ""; 
     } 
    }); 
0

ü錯過#

$('#AlignmentL:radio').blur(function() { 

或類似

$('#<%=AlignmentL.ClientId %>:radio').blur(... 
+0

我用'#試了一下'和不 – NealR 2013-04-30 17:35:30