Javascript應用檢查屬性複選框這是內部HTML

Question

我想檢查複選框，如$('#riderCheck').attr('checked','true')在某些情況下。但問題是checbox是在innerHTML中。所以我無法將檢查屬性應用於複選框。 innerHTML就像

innerHtml += '<input type = "checkbox" id="riderCheck" value="Rider"/>'. 

希望你們能明白我想做什麼。

感謝

Answer 1

@Joseph夢者的答案明確您的問題。

這是另一種方式，你可以用Javascript來做到這一點，但不確定它適用於你的情況。

innerHtml += var html = '<input type = "checkbox" ' + ((condition)?'checked="checked"':'') + ' id="riderCheck" value="Rider"/>'; 

Answer 2

你可以wrap the HTML in jQuery使用jQuery方法

//Wrap HTML in jQuery. This creates HTML from the string and let's you use jQuery 
//methods on it 
var html = $('<input type="checkbox" id="riderCheck" value="Rider"/>'); 

//check it 
html.attr('checked',true); 

Answer 3

jQuery使用用於設置特性，而不是通常的.attr方法.prop方法：

jQuery('<input type="checkbox" id="riderCheck" value="Rider" />') 
    .prop('checked', true); 

http://jsfiddle.net/steveukx/7uMZh/