Question

我有一个示例代码：

<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是错误的，如何从

获取名称

Answer 1

如果您尝试在输入复选框旁边的标签内找到文字，请尝试更改此内容：val_name[i] = jQuery(this).parent().val();

到这个

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

不确定那是不是你想做什么。

Answer 2

jQuery的（本）.attr（ “名称”）;

应该获取当前复选框的名称

Answer 3

尝试：

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/

Answer 4

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])    
}

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

4 个答案: