jquery radio 没选中，点击后，选中；选中后，点击，不再选中；

前言

使用jquery实现radio,没选中，点击后，选中；选中后，点击，不再选中；

实现思路

最初的设想

最初设想，监听radio的click事件，在click中，阻止默认行为，然后根据点击之前是否选中，来决定是否选中。但这样有个问题，在click监听函数中获取的checked值是点击后的值，无法获取之前的值。于是转变了实现思路

修正后的思路

监听radio的mousedown事件，获取checked值，因为mousedown事件在click事件之前，所以能获取click之前的值，然后根据checked值，决定是否选中，再在click函数中阻止默认行为；

实现代码

<script type="text/javascript" src="jquery-1.11.2.js"></script>
<input type="radio" id="myradio" value="1">

<script type="text/javascript">
$(function(){

    /*鼠标点击下去的时候，决定是否选中*/
    $("#myradio").bind("mousedown",function(event){
         var radioChecked = $(this).prop("checked");
         $(this).prop('checked', !radioChecked);
        return false;
    });

    /*阻止click事件默认行为*/
    $("#myradio").click(function(event){
        return false;
    });

});

</script>

效果

---

radio，没选中，点击后，选中

---

radio，选中了，点击后，不选中