急急急~！在线等立马结贴

Question

$(".list input:checked").each(function(){
        console.log($(this).parent().text());        
    });

Answer 1

input被全部循环出来，没有取到选中的input?

Answer 2

$('.box :checked').each(function() {
  ....

Answer 3

$(".list input:checked").each(function(){
        console.log($(this).parent().html());        
    });

Answer 4

$(".list input:checked").each(function(){
        console.log($(this).parent().html().toString().split('>')[1]);        
    });

Answer 5

3楼写法对的。你自己在input 里加个class="box" 或者$('input :checked').each(function() {
     //this为当前对象
});

Answer 6

var i=0;
$(document).ready(function(){         
$("#button").click(function(){ 
var a=document.getElementsByClassName('box'),l=a.length;
var c=$('.list input:checked');
alert(c[i].value)
});  
});
这样可以得到单选的值但多选的值怎么取到？

Answer 7

有什么区别吗？<script>
$(function() {
  a = []
  $('.box :checked').each(function() {
    a.push($(this).attr('name') + '(' + $(this).attr('type') + '):' + $(this).parent().text());
  });
  alert(a);
})
</script>
<div class="box">
<!--单选-->
<ul>
    <li class="title">aaaaaaaaaaaaaaaaaa</li>
  </ul>
<ul>
    <li class="list"><input type="radio" name="aa">a</li>
  </ul>
<ul>
    <li class="list"><input type="radio" name="aa">b</li>
  </ul>
<ul>
    <li class="list"><input type="radio" name="aa">c</li>
  </ul>
<!--单选1-->
<ul>
    <li class="title">aaaaaaaaaaaaaaaaaa</li>
  </ul>
<ul>
    <li class="list"><input type="radio" name="bbb">a</li>
  </ul>
<ul>
    <li class="list"><input type="radio" checked name="bbb">b</li>
  </ul>
<ul>
    <li class="list"><input type="radio" name="bbb">c</li>
  </ul>
<!--复选-->
<ul>
    <li class="title">aaaaaaaaaaaaaaaaaa</li>
  </ul>
<ul>
    <li class="list"><input type="checkbox" checked name="ccc">a</li>
  </ul>
<ul>
    <li class="list"><input type="checkbox" name="ccc">b</li>
  </ul>
<ul>
    <li class="list"><input type="checkbox" checked name="ccc">c</li>
  </ul>
</div>