jQuery-checkbox 获取值、选中、设置值、事件监听等操作

总结

checkbox使用attr或者prop两个函数,可以设置获取其值,change(function(){})注册其改变选中事件

关键字:jquery checkbox 选中事件

示例代码

<div id="divId" class="divTable"><div class="tableBody"> <ul >
            <li ><input type="checkbox" value="1" >选项1</li>
        </ul>
    </div>
</div>

获取选中值

$("input[type='checkbox']").attr('value');//返回结果:1

判断是否选中

三种方法:attr,prop,is

$("input[type='checkbox']").attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$("input[type='checkbox']").prop('checked'); //1.6+:true/false
$("input[type='checkbox']").is(':checked'); //所有版本:true/false

补充获取checkbox的checked的方法

$("input[type=′checkbox′]").is(′:checked′)

$("#check_box").get(0).checked

$("#check_box").prop("checked")

$("#check_box").attr("checked")

document.getElementById("check_box").checked

设置值

所有的jquery版本都可以这样赋值:

  $("#cb1").attr("checked","checked");
  $("#cb1").attr("checked",true);

jquery 1.6+:prop的4种赋值:

  $("#cb1″).prop("checked","checked");

  $("#cb1″).prop("checked",true);//很简单就不说了哦

  $("#cb1″).prop({checked:true}); //map键值对

  $("#cb1″).prop("checked",function(){
      return true;//函数返回true或false
  });

选中事件监听

$("#ischange").change(function() { 
  alert("checked"); 
});

实现全选

$('.all').each(function(i,elemt){
    $(this).change(function(){
            var ischecked = $(this).prop("checked");
            $(this).siblings('input').prop("checked",ischecked);
       });
})

Nodejs-环境配置小计

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

D:\Develop\nodejs\node_global\node_modules
C:\Program Files\nodejs\node_global\node_modules

D:\Develop\nodejs\node_global

C:\Program Files\nodejs\node_global

C:\Users\Administrator\AppData\Roaming\npm

            C:\Program Files\nodejs\node_global\node_modules\grunt-cli\bin
C:\Program Files\nodejs\node_global\grunt ->C:\Program Files\nodejs\node_global\node_modules\grunt-cli\bin\grunt
+ grunt-cli@1.3.1
added 152 packages in 17.223s

js-播放器媒体库-MediaElement.js

http://www.mediaelementjs.com/

简单的合作伙伴,我们可以处理。
MediaElement.js是一个极其快速且功能强大的HTML5音频和视频库,可为媒体文件(MP4,MP3,FLV),流媒体内容(HLS,M(PEG)-DASH,RTMP)和可嵌入的播放器(例如, YouTube,Vimeo,Twitch,DailyMotion,Facebook和SoundCloud。

项目地址:https://github.com/mediaelement/mediaelement