使用css选中复选框值

Question

我有css

input[type=checkbox]:not(old) + label > span, input[type=radio ]:not(old) + label > span {
    display : inline-block;
    width : 30px;
    height : 30px;
    margin : 0.25em 0.5em 0.25em 0.25em;
    border-radius : 0.25em;
    background : #FFFFFF;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    position: absolute;
}

我希望使用以下代码获取选中的复选框值：

$("input[name=email]:not(old)+ label").click(function() {
    console.log($("input[name=email]:not(old)").is(':checked')); // getting false                                 
})

HTML

<input name="gender" type="radio" value="Female">
<label for="gender">
    <span><span></span></span>
    <p>Female</p>
</label>

空跨度用于以波纹管样式显示所选复选框

任何帮助将不胜感激。

注意：我已经看过很多人发布如何使用jquery和javascript检查所选复选框，但是没有一个符合我的要求。

Answer 1

这是您的代码更新：

$("input").click(function() {
  console.log($(this).val());
});

如果你想获得复选框/无线电值，或者想要获得标签的段落值而不是使用，可以使用

  $("input").click(function() {
    console.log($(this).next('label').children('p').text());                                
   });

这是工作小提琴http://jsfiddle.net/kuactq01/