<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../jquery-1.9.0.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
$(function(){
//var tr = $(" table tr:odd").css("background-color","gray");
$("table tr").each(function(){
//alert($(this).find("td input").val());
/* if($(this).find("td input").attr("type")=='checkbox'){
$(this).find("td input").attr("disabled",true);
//$(this).css("background-color","gray");
} */
callBack("b;d");
});
// apiData read only edit line
function callBack(apiScids){
removeStyle();
if(apiScids == ""){
return;
}
$("#bodys2 tr").each(function(){
if($(this).find("td input:eq(0)").attr("type") == "checkbox"){
var val = $(this).find("td input:eq(0)").attr("value");
if(val!=""){
if(apiScids.indexOf(val)>=0){
$(this).find("td").attr("disabled",true);
}
}
}
});
}
//移除样式
function removeStyle(){
$("#bodys2 tr").each(function(){
if($(this).find("td:eq(0)").prop("disabled") == true){
$(this).find("td").attr("disabled",false);
}
});
}
});
</script>
</head>
<body>
<table id ="bodys2">
<tr><td><input type="checkbox" value='a'/><input type="text" value='aaa'/></td><td>aa<input type="text" value='a'/><input type="text" value='aaaaa'/></td></tr>
<tr><td><input type="checkbox" value='b'/><input type="text" value='bbb'/></td><td>bb<input type="checkbox" value='a'/><input type="text" value='bbbb'/></td></tr>
<tr><td><input type="checkbox" value='c' /></td><td>cc<input type="checkbox" value='a'/><td></tr>
<tr><td><input type="checkbox" value='d'/></td><td>dd<input type="checkbox" value='a'/><td></tr>
<tr><td><input type="checkbox" value='e'/></td><td>ee<input type="checkbox" value='a'/><td></tr>
</table>
</body>
</html>
