Question

如何监听checkbox的checked属性

如何监听checkbox的prop("checked")属性
也就是当程序中出现prop("checked",true)或者prop("checked",false)触发什么事件来做一些其他事件？
click onchange都试过，没用。

Answer 1

Ext.onReady(function() {
/*
转换数据库数据，判断是否选中
*/
function convertData(initData,valueData){
var items = new Array();
for(var i=0;i<initData.length;i++){
var temp=initData[i];
items[i]={name:'hobby',boxLabel:temp.dis,inputValue:temp.val,checked:isContains(valueData,temp.val)};//checked属性给的是定义的函数
}
return items;
}
/*
判断是否改选中。是返回true，否返回false
*/
function isContains(data,val){
var r = false;
for(var i=0;i<data.length;i++){
if(hobby[i]==val){
r=true;
break;
}
}
return r;
}

var initData=[{val:'zq',dis:'足球'},{val:'lq',dis:'篮球'},{val:'ppq',dis:'乒乓球'},{val:'wq',dis:'网球'}];//模拟数据库数据
var hobby=['zq','ppq'];//需要选中的数组，如果返回的是字符串的话转换成数组就行了
var itemsData=convertData(initData,hobby);//通过convertData(initData,valueData)函数将数据库数据转换成CheckboxGroup需要的数据
/*
创建CheckboxGroup
*/
var cgp = new Ext.form.CheckboxGroup({
fieldLabel:'爱好',
items:itemsData
});

/*
创建Form并渲染到页面
*/
var form = new Ext.form.FormPanel({
renderTo:'my_orm',
frame:true,
items:[cgp]
});
});

Answer 2

不是onchange，是change：

.bind('change', fn)

Answer 3

$("checkbox:cheked")

Answer 4

//jquery部分
$("#fxk").change(function(e) {
    alert("change事件触发");
});

$("#an").click(function(e){
    if($("#fxk").prop("checked")){
        $("#fxk").prop("checked",false).change();
    }
    else{
        $("#fxk").prop("checked",true).change();
    }
});

<!-- HTML部分 -->
<input type="button" id="an" value="点击选中复选框" />
<input type="checkbox" id="fxk" value="" />