-1

如何获取已通过多种方式尝试过且不返回值的选定复选框的 id

<div class="form">
    <li id ='preg1'>¿Qué productos de belleza llevas siempre contigo?<br>
        <input type="checkbox" name="vehicle[]" value="hipster" >Bálsamo labial y sombra de un sólo tono.<br>
        <input type="checkbox" name="vehicle[]" value="rocker" >Delineador y esmalte en tonos obscuros.<br>
        <input type="checkbox" name="vehicle[]" value="chic" >El lipstick y las sombras que te quedan increíble y que jamás pasarán de moda. <br>
        <input type="checkbox" name="vehicle[]" value="junkie" >El último lanzamiento de tu marca favorita y el esmalte de uñas que está marcando tendencia<br>
    </li>
    <li id ='preg2'>¿Para una cita cuál es tu look favorito?<br>
        <input type="checkbox" name="vehicle[]" value="hipster">Skinny jeans, maquillaje natural y un accesorio que destaque.<br>
        <input type="checkbox" name="vehicle[]" value="rocker">Chamarra de piel y ojos smoky.<br>
        <input type="checkbox" name="vehicle[]" value="chic">Blusa con olanes y maquillaje en tonos pastel.<br>
        <input type="checkbox" name="vehicle[]" value="junkie">Con las últimas tendencias de pies a cabeza, tanto en outfit como maquillaje.<br>
    </li>
</div>

$(document).ready(function() {
    $('input[type=checkbox]').on('click', function(){ 
      var parent = $(this).parent().attr('id');
      $('#'+parent+' input[type=checkbox]').removeAttr('checked');
      $(this).attr('checked', 'checked'); 
    });
});

http://jsfiddle.net/QSTns/

4

2 回答 2

0

您应该为此使用单选按钮,因为这是它们的设计目的,并且更改预期行为可能会使用户感到困惑和/或烦人。

现在,如果您有兴趣获取包含选中复选框的列表项的 ID(使用您现有的代码),请使用以下命令:

$('input[type=checkbox]').on('click', function(){
    var parent = $(this).parent().attr('id');
    $('#'+parent+' input[type=checkbox]').removeAttr('checked');
    $(this).attr('checked', 'checked');
    console.log( $(this).parent().attr('id') ); // Gets the ID
});

jsFiddle 示例

于 2013-09-12T18:10:00.953 回答
0

我想this现在会帮助你更好地理解

于 2013-09-12T18:17:03.203 回答