CheckBox实现全选和radio单选以及设置可以取消单选按钮的选择

1、CheckBox实现全选
下面代码来自网上：

    
    
    


    全选
    语文
    数学
    英语

遗忘的知识点：

• $('input').eq(0).prop('checked') 一个参数，获取该属性的值，两位参数为设置该属性的值。注：prop为property属性的简写。
• $('input:gt(0):checked') :gt(numer)为获取下标大于这个number的标签，：lt(number)下标小于这个number的标签
• :checked 为获取被选中的按钮

2、radio实现单选
只需给它们添加相同的name值：

    
    


    绑定的时候可以点击文字
     

        你对什么运动感兴趣
        

        慢跑
        
        

        登山
        
        

        篮球
        
        

     
  

我们可以使用label标签，在input里加id="id值"，在label标签里加for="id值"实现点击文字时也可以将单选按钮给选中

特别说明一下：给input绑定的事件也会添加到Label上。所以，不用再特别去给label添加

3、实现取消单选按钮被选中状态
我们会发现，单选按钮一旦被选中，再次点击是无法取消选中的，这个时候就需要js来实现取消选中的效果。
上代码：

    
    
    


    选择-取消选择