1、选择td的同时也能选择复选框
项目需求:点击对应单元格的同时也作用于复选框
//Jquery写法
$.each($("td input[type='checkbox']"),function(){
$(this).parent().bind('click',function(){
var $input=$(this).children('input')
if($input.prop('checked')){
$input.prop('checked',false)
}else{
$input.prop('checked',true)
}
})
$(this).bind('click',function(event){event.stopPropagation();})
})
//原生JS写法
var tdNodes = document.getElementsByTagName("td");
for(var i =0;i<tdNodes.length;i++){
//判断子节点长度
if(tdNodes[i].children.length==1){
tdNodes[i].firstElementChild.onclick=function(event){event.stopPropagation();};
tdNodes[i].onclick=function(){
//根据当前获取到的this对象修改复选框里面的check属性
if(this.firstElementChild.checked){
this.firstElementChild.checked=false
}else{
this.firstElementChild.checked=true
}
}
}
}
//移除复选框中所有被选中的元素
$('input[type=checkbox]').removeAttr('checked');
2、datagrid生成的表格里面 去除title(表头)属性,去除滚动框
$("#coke").datagrid({
showHeader:false,
scrollbarSize :0
//鼓起勇气说再见便会被奖励新的开始。
//再了解一个人没有用,因为人心会变。
})
3、easyui的时间框
//jsp
<input id="searchtime" class="form-control input-sm form_datetime" >
//js
laydate.render({
type : 'datetime',
range : true,
format: 'yyyy-MM-dd',
});
var dateTime = new Date();
var strEndtime = formatterDate(dateTime);
$('#searchtime').datetimebox({
value:strEndtime,
required:true,
showSeconds: false
})
function formatterDate(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
var hor = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();
return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d) + " " + hor + ":" + min + ":" + sec;
}
4、jQuery获取被选中的单选框的name
//jsp
<input class="form-check-input" type="radio" name="KeyRadios" id="TIME" value="searchtime">
//js
var value=$('input:radio[name="KeyRadios"]:checked').val();