नॉकआउट.जेएस

Question

के साथ रेडियो बटन सूची मैं लेबल के साथ रेडियो बटन की एक सूची बनाने की कोशिश कर रहा हूं ताकि आप रेडियो आइटम की जांच के लिए लेबल पर क्लिक कर सकें। क्रोम में मैंने जो काम किया है, लेकिन आईई 7 नहीं। एचटीएमएल जो थूक जाता है ऐसा लगता है कि यह सही है, लेकिन जब मैं लेबल पर क्लिक करता हूं, तो इसी रेडियो बटन का चयन नहीं होता है।

जावास्क्रिप्ट

function ReuqestType(id, name, billable) { 
    this.id = id; 
    this.name = name; 
    this.billable = billable; 
} 

function RequestViewModel() { 
    var self = this; 

    self.availableRequestTypes = [ 
     new ReuqestType(1, "Travel", true), 
     new ReuqestType(2, "Bill Only", false), 
     new ReuqestType(3, "Both", true) 
    ]; 

    self.selectedRequestType = ko.observable(); 
} 

एचटीएमएल

Request Type 
<br /> 
<!-- ko foreach: availableRequestTypes --> 
<input type="radio" name="requestType" data-bind="value:id, attr: {'id': 'rt'+ id}" /> 
<label data-bind="text: name, attr:{'for':'rt'+id}"> 
</label> 
<!-- /ko --> 

यह करने के लिए पसंदीदा तरीका क्या है?

Answer 1

यह नॉकआउट (2.1.0) के नवीनतम संस्करण के रूप में सही ढंग से काम कर रहा है।

Answer 2

मैं knockout.js से अपरिचित हूं, लेकिन आप आमतौर पर इनपुट बॉक्स के चारों ओर लेबल लपेटकर लेबल के इनपुट को बाध्य कर सकते हैं।

http://jsfiddle.net/QD2qC/

Answer 3

ऐसा लगता है कि अपने HTML की तरह ठीक है। यह आईई 7 का एक क्विर्क हो सकता है जो गतिशील रूप से उत्पन्न किए गए लेबल के क्लिक को स्वीकार करने में सक्षम नहीं है।

आप एक उचित उत्तर नहीं मिलता है, तो आप हमेशा this workaround इस्तेमाल कर सकते हैं:

$('label').on('click', function() { 
    var labelId = $(this).attr('for'); 
    $('#' + labelId).trigger('click'); 
}); 

मैं on() बजाय click() का उपयोग कर इन लेबलों के लिए गतिशील रूप से उत्पन्न किया जा रहा खाते में से थोड़ा बदल गया है।