js中关于this的用法

对于input的radio，checkbox类型而言，他是没有文本属性的

<input   type="radio" name="person" value="1" onclick="choseperson(this)"><label style="font-size:14px;">男</label>

这里如果通过 function choseperson(target){ var val=$(target).val();//拿到value值即是1，想要拿到文本：男 就要使用 $(target).next("label").text(); }

有时候为了达到checkbox的互斥效果。我们需要根据点击当前的元素，来达到目的。

在同一个div里有多个checkbox，当我们选择其中一个checkbox时，我们要传入this

<input   type="checkbox" name="hobby" value="1" onclick="chose(this)"><label style="font-size:14px;">音乐</label>

 那么在function chose(tar){

 //先拿到他的父元素，再在父元素里寻找。

      $(tar).parent().find('input[type="checkbox"]').each(function() {
            if ($(this).is(':checked')) {
               // 得到已选择的checkbox框。
            }
            }
        });

}