javascript - Javascript将检查属性应用于内部HTML的复选框

Question

我想$('#riderCheck').attr('checked','true')在某些情况下检查复选框。但问题是复选框在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

jQuery 使用.prop设置属性的方法而不是通常的.attr方法：

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

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

Answer 3

您可以将 HTML 包装在 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);