如何访问Input元素的HTML

Question

嗨,我想获取INPUT标签的HTML.但无法..

 <input type="checkbox" name="_QS4_CNA" id="_Q0_C7" class="mrMultiple" value="NA">      
  <label for="_Q0_C7">
    <span class="mrMultipleText" style="">None of these</span>
  </label>
 </input> 

我正在尝试访问

 var dat=$(':checkbox#_Q0_C7').html();
 alert(dat);

但是我无法访问它.请帮我这个..

Answer 1

".html()"方法获取元素的内容,而不是元素本身.在您的情况下,问题是您的HTML无效.一个<input>标签不能有内容.就浏览器而言,标签在<label>标签开始的地方结束,浏览器只是忽略结束标签.

请注意,当您有一个"id"属性用于查找元素时,您不需要选择器中的任何其他限定符(如":checkbox").只需"#_Q0_C7"即可,因为"id"值无论如何都必须是唯一的.

编辑 - 请注意,如果您只想从元素中获取某些属性(如值或"已检查"状态),您当然可以这样做:

var $cb = $('#_Q0_C7');
var isChecked = !!$cb.prop('checked'); // force a real boolean value
var value = $cb.val();