如何从标签标签中获取名称

How to get name from tag label?

本文关键字:标签 获取      更新时间:2023-09-26

>我有一个示例代码:

<ul>
   <li>
      <input type="checkbox" value="" name="" id="" class="chk"> Test    
         <ul>
            <li>
              <input type="checkbox" value="1" name="modem_id[]" id="input_1" class="chk1"><label>Test 1</label>
           </li>
           <li>
              <input type="checkbox" value="2" name="modem_id[]" id="input_2" class="chk1" checked="checked"><label>Test 2</label>
          </li>
       </ul>
   </li>
</ul>

和 jquery

jQuery('.chk').click(function(){
   if (jQuery(this).is(':checked')) {
      jQuery(this).parent().find('input:checkbox').attr('checked', true);
         var val_id = [];
         var val_name = [];
         jQuery('input:checkbox[id^=input_]:checked').each(function(i){
            val_id[i] = jQuery(this).val();
            val_name[i] = jQuery(this).parent().val();
            alert(val_id, val_name);
         });
      }
});

我得到了val_id,但val_name错误,如何从中获取名称

如果您尝试获取输入复选框旁边的标签标签内的文本,请尝试更改以下内容:val_name[i] = jQuery(this).parent().val();

对此

val_name[i] = jQuery(this).parent().find('label').html();

不确定这是否是您要做的。

jQuery(this).attr("name");

应获取当前复选框的名称

尝试:

jQuery('.chk').click(function(){
   if (jQuery(this).is(':checked')) {
      jQuery(this).parent().find('input:checkbox').attr('checked', true);
         var val_id = [];
         var val_name = [];
         jQuery('input:checkbox[id^=input_]:checked').each(function(i){
            val_id[i] = jQuery(this).val();
            val_name[i] = jQuery(this).attr("name");// i change this line
            console.log(val_id, val_name);// alert() will not show array, see console
         });
      }
});​

演示 : http://jsfiddle.net/2SNQb/

var val = [];
var name = [];
jQuery('input:checkbox[id^=input_modem_]:checked').each(function(i){
    val[i] = jQuery(this).val();
        name[i] = jQuery(this).parent().find('label').html();
});
for(var k=0; k<val.length; k++) {
    // working this alert
    alert(val[k]); // alert(name[k])    
}