`<!DOCTYPE html>
<html>
<head>
<title>自定義插件-實(shí)現(xiàn)check radio 反選</title>
<meta charset="utf-8">
</head>
<body>
<script type="text/javascript" src = "jquery-2.2.3.min.js"></script>
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="radio" name="">
<input type="radio" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<button id = "span">點(diǎn)擊反選</button>
<script type="text/javascript">
$.fn.extend({
aa:function(ele){
//
$(this).on('click',function(){
//方法一 each 遍歷,改變狀態(tài)
// ele.each(function(){
// //獲取 控制的check , prop 獲取屬性 并 賦值 為 它當(dāng)前 屬性值的相反值
// $(this).prop('checked',!$(this).prop('checked'));
// })
//方法二 分別操作 checkbox radio 不可以????
$("checkbox").prop("checked",!$("checkbox").prop("checked"));
$("radio").prop("checked",!$("radio").prop("checked"));
})
}
});
//調(diào)用方法一:
// 通過(guò) id 名為 span 獲取
// $('#span').aa($('input[type = checkbox],input[type = radio]'));
//調(diào)用方法二:
//通過(guò) 按鈕來(lái) 調(diào)用 自定義的插件方法
$('button').aa($('input'));
</script>
</body>
</html>`
