JS/Jquery常用代码_jquery table 赋值-优快云博客

1.Jquery解析Json数据：

var remark_msg=jQuery.parseJSON(result);

$.each(remark_msg,function(i,n)

{

$("#remark_content").val(n.remark);

$("#remark_msg").html(n.name+"于"+n.rtime+"备注！");

} )

2.数据确认：

var r=confirm('您确认要清除所分配的医院吗？');

if(r==true)

{

par='';

}else

{

return false;

}

3.删除空格：$.trim();

4.保留小数位数：money.toFixed(2);

5.数字验证：

if($.trim(rtime)==""||isNaN(rtime))

{

$("#remark").html("准备时间输入错误，请检查！");

$("#readytime").select();

return false;

}

6.刷新页面：location.reload();

7.JS取整：Math.ceil(pagesum/pagesize);

8.去处最后一个字符：did=did.substring(0,did.length-1);

9.JS处理PHP数组：

$("#specialty").empty();

var spe_sel;

switch(value)

{

case "1":

spe_sel=<?php echo json_encode($specialty_sel['临床'])?>;

break;

case "2":

spe_sel=<?php echo json_encode($specialty_sel['中医'])?>;

break;

case "3":

spe_sel=<?php echo json_encode($specialty_sel['口腔'])?>;

break;

case "4":

spe_sel=<?php echo json_encode($specialty_sel['公共卫生'])?>;

break;

case "5":

spe_sel=<?php echo json_encode($specialty_sel['人文医学'])?>;

break;

default:

spe_sel=<?php echo json_encode($specialty_sel['临床'])?>;

break;

}

for(var item in spe_sel)

{

$("#specialty").append("<option value='"+item+"'>"+spe_sel[item]+"</option>");

}

10.JS调试：

1. console.log("Hello World!");

console.group("第一组信息");

　　　　console.log("第一组第一条");

　　　　console.log("第一组第二条");

　　console.groupEnd();

　　console.group("第二组信息");

　　　　console.log("第二组第一条");

　　　　console.log("第二组第二条");

　　console.groupEnd();

3.console.dir()可以显示一个对象所有的属性和方法。

4.onsole.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。

5.console.assert()用来判断一个表达式或变量是否为真

6.console.trace()用来追踪函数的调用轨迹。

7.console.time()和console.timeEnd()，用来显示代码的运行时间。

8.console.time()和console.timeEnd()，用来显示代码的运行时间。

11.选中与隐藏：

if($("#s_speaker").attr("checked")=="checked"&&$("#s_speaker").is(":hidden"))

12.Jquery→RadioButon取值：

$("input[name='speakertype']:checked").val();

13.正整数验证：

var reg=/^[0-9]*[1-9][0-9]*$/;

!reg.test(mtime)

14.Bootstrap model的显示与隐藏：

$("#check_modal").modal();

$("#check_modal").modal('hide');

15.Jquery Ajax提交:

$.ajax({

type: 'POST',

url: '/kol/index/select_doctor_msl' ,

data: "sel_key="+ search_key+"&user_id="+msl_id+"&currentpage="+currentpage,

success:function(result)

{

$('#<?php echo $user_id?>_show').html(result);

dataType:"text"

});

16.字符串分割：

var answers=new Array();

answers=n.answer1.split("***");

for (i=0;i<answers.length ;i++ )

{

show+="<td>"+num[i]+". "+answers[i]+"</td>";

}

17.name选择：

$("a[name='sendmail_btn']").click(function()

{});

18.日期比较：

//验证时间

var starttime=$("#project_starttime").val();

var endtime=$("#project_endtime").val();

var arr = starttime.split("-");

var starttime = new Date(arr[0], arr[1], arr[2]);

var starttimes = starttime.getTime();

var arrs = endtime.split("-");

var lktime = new Date(arrs[0], arrs[1], arrs[2]);

var lktimes = lktime.getTime();

if (starttimes > lktimes)

{

alert('结束时间必须小于等于开始时间，请检查！');

return false;

}

19.短日期格式字符串转日期：

var stime=$(this).attr("starttime");

var starttime = new Date(Date.parse(stime.replace(/-/g, "/")));

var starttimes = starttime.getTime();

20.HTML插入数据库：

Htmlspecialchars();

21.数组逆向排序：

rsort();

22.jquery获取table行数：

var rows = $("#tuijian_tab tr").length;

23.jquery动态添加行，删除行：

//添加推荐内容tr

$("#add_tuijian").click(

function (){

var rows = $("#tuijian_tab tr").length;

$("#tuijian_tab").append("<tr><td>标题：</td><td><input type='text' id='tuijian_title"+(rows+1)+"' class='form-control' style='width:60%' name='tuijian'/></td><td>链接：</td><td><input type='text' id='tuijian_link"+(rows+1)+"' class='form-control' style='width:60%' name='tuijian'/><input type='button' class='btn btn-primary' value='删除' οnclick='deleterow(this);'/></td></tr>");

});

function deleterow(par)

{

$(par).parent().parent().remove();

}

24.jquery遍历table

$("table").find("tr").each(function(){

$(this).find("td").each(function(){

alert($(this).text());

});

25.jquery ui autocomplete实现：

var provins = [

{value: "sh shanghai 上海",desc: "上海"},

{value: "bj beijing 北京",desc: "北京"},

{value: "tj tianjin 天津",desc: "天津"},

{value: "cq chongqing 重庆",desc: "重庆"},

{value: "hb hebei 河北",desc: "河北"},

{value: "hn henan 河南",desc: "河南"},

{value: "yn yunnan 云南",desc: "云南"},

{value: "ln liaoning 辽宁",desc: "辽宁"},

{value: "hlj heilongjiang 黑龙江",desc: "黑龙江"},

{value: "hn hunan 湖南",desc: "湖南"},

{value: "ah anhui 安徽",desc: "安徽"},

{value: "sd shandong 山东",desc: "山东"},

{value: "xj xinjiang 新疆维吾尔",desc: "新疆维吾尔"},

{value: "js jiangsu 江苏",desc: "江苏"},

{value: "zj zhejiang 浙江",desc: "浙江"},

{value: "jx jiangxi 江西",desc: "江西"},

{value: "hb hubei 湖北",desc: "湖北"},

{value: "gx guangxi 广西",desc: "广西"},

{value: "gs gansu 甘肃",desc: "甘肃"},

{value: "sx shanxi 山西",desc: "山西"},

{value: "nm nmg neimeng 内蒙古",desc: "内蒙古"},

{value: "sx shanxi 陕西",desc: "陕西"},

{value: "jl jilin 吉林",desc: "吉林"},

{value: "fj fujian 福建",desc: "福建"},

{value: "gz guzhou 贵州 ",desc: "贵州"},

{value: "gd guangdong 广东",desc: "广东"},

{value: "qh qinghai 青海",desc: "青海"},

{value: "xz xizang 西藏",desc: "西藏"},

{value: "sc sichuan 四川",desc: "四川"},

{value: "nx ningxia 宁夏回族",desc: "宁夏回族"},

{value: "hn hainan 海南",desc: "海南"},

{value: "tw taiwan 台湾",desc: "台湾"},

{value: "xg xianggang 香港",desc: "香港"},

{value: "am aomen 澳门",desc: "澳门"},

];

$("#provin_id").autocomplete({

source: provins,

minLength: 0, //列表里的条目数

focus: function( event, ui ) {

$("#provin_id" ).val( ui.item.desc);

return false;

select: function( event, ui ) {

$( "#provin_id" ).val( ui.item.desc );

return false;

}

})

$("#provin_id").data("ui-autocomplete")._renderItem = function(ul,item) {

return $( "<li></li>")

.data( "item.autocomplete", item )

.append( "<a>"+ item.desc + "</a>" )

.appendTo( ul );

};

26.Js翻页：

window.location.href=herf;

27.JS处理url地址：

//方法：

function GetRequest()

{

var url = location.search; //获取url中"?"符后的字串

var theRequest = new Object();

if (url.indexOf("?") != -1)

{

var str = url.substr(1);

strs = str.split("&");

for(var i = 0; i < strs.length; i ++)

{

theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);

}

return theRequest;

}

//调用：

var Request = new Object();

Request = GetRequest();

if(typeof(Request['numpage'])=="undefined")

{

herf="http://tk.test_drrenew.com/question/question/question_list/4/";

num=10;

}else

{

herf=window.location.href;

num=Request['numpage'];

}

28.undefined判断：

if(typeof(Request['numpage'])=="undefined")

{

herf="http://tk.test_drrenew.com/question/question/question_list/4/";

num=10;

}else

{

herf=window.location.href;

num=Request['numpage'];

}

29.indexOf,substr

if(herf.indexOf("per_page")!=-1)

{

herf=herf.substr(0,herf.indexOf("per_page"))+"&per_page="+pagenum;

}

else

{

herf=herf+"&per_page="+pagenum;

}

30.jquery循环表格，获取id:

var ids="";

//获取当前页面的试题id

$('#ques_tab tr:gt(0)').each(function () {

var id = $(this).find("#ques_id").html();

ids+=id+",";

});

ids=ids.substring(0,ids.length-1);

31.分割字符串：

var source_herf=window.location.href;

var par_num=source_herf.split("/");

var herf="http://tk.drrenew.com/question/question/question_list/"+par_num[par_num.length-1]+"/";

32.获取当前日期时间：

function getNowFormatDate() {

var date = new Date();

var seperator1 = "-";

var seperator2 = ":";

var year = date.getFullYear();

var month = date.getMonth() + 1;

var strDate = date.getDate();

if (month >= 1 && month <= 9) {

month = "0" + month;

}

if (strDate >= 0 && strDate <= 9) {

strDate = "0" + strDate;

}

var currentdate = year + seperator1 + month + seperator1 + strDate

+ " " + date.getHours() + seperator2 + date.getMinutes()

+ seperator2 + date.getSeconds();

return currentdate;

}

33.时间比较：

//验证时间

var starttime=$("#project_starttime").val();

if($.trim(starttime)=="")

{

alert("开始时间不能为空！");

$("#project_starttime").select();

return false;

}

var endtime=$("#project_endtime").val();

var starttime = new Date(Date.parse(starttime.replace(/-/g, "/")));

var starttimes = starttime.getTime();

var lktime = new Date(Date.parse(endtime.replace(/-/g, "/")));

var lktimes = lktime.getTime();

if (starttimes > lktimes)

{

alert('结束时间必须大于等于开始时间，请检查！');

return false;

}

34.jquery遍历table赋值：

$('#starttime').on('changeDate', function(ev){

var start_date=ev.date;

$("#per_list").find("tr").each(function(index, element) {

$(this).find("td").each(function(index, element) {

if(index==1)

{

$(this).text(FormatDate(start_date));

}

if(index==2)

{

$(this).text(addDate(start_date,7));

}

});

35.日期格式化及日期加减：

//转换成短日期格式

function FormatDate (strTime) {

return strTime.getFullYear()+"-"+(strTime.getMonth()+1)+"-"+strTime.getDate();

}

//追加日期

function addDate(date,days){

var d=new Date(date);

d.setDate(d.getDate()+days);

var m=d.getMonth()+1;

return d.getFullYear()+'-'+m+'-'+d.getDate();

}

36.js处理checkbox:

$('input[type="checkbox"]:checked').each(function(index, element) {

if(this.checked)

{

if(reject_reason=="Others")

temp_reject_reason=$('#reject_reason_form').find('#reject_reason_textbox').val();

else

temp_reject_reason=$(this).val();

}

reject_reason+=temp_reject_reason+"***";

});

if($.trim(reject_reason).length==0)

{

alert('请选择驳回原因！');

return false;

}

else

{

reject_reason=reject_reason.substring(0,reject_reason.length-3);

}

37.Jquery解析json数据2：

$.ajax({

type: 'POST',

url: '/qc/index/getpass_per' ,

data: "svo_id="+ svo_id,

success:function(result)

{

var qc_per=1;

var per_msg=jQuery.parseJSON(result);

var start_time;

var end_time;

$.each(per_msg,function(i,n)

{

if(i=="qc_per")

qc_per=n;

if(i=="start_time")

start_time=n;

if(i=="end_time")

end_time=n;

}

);

qc_per= qc_per*100+"%";

$("#qclist_dialog").find("#qc_per_label").text(qc_per+" ("+start_time+"～"+end_time+")")

$('#qclist_dialog').modal();

dataType:"text"

});

38.JavaScript页面导航：

window.location.href='/speaker/show/';

39.ajax提交验证：

function get_level()

{

var speaker_id=$("#speaker_id").val();

var return_val=true;

$.ajax({

type: 'POST',

async:false,

url: '/speaker/level_suggest' ,

data: "id="+ speaker_id,

success:function(result)

{

if(result==101)

{

alert("occupation不能为空！");

return_val=false;

//return false;

}

else if(result==102)

{

alert("评级信息不完整，请检查！");

return false;

}

else if(result==103)

{

alert("当occupation为Paramedical/ others时，级别不能为Level1,Level2!");

return false;

}

else if(result==104)

{

var form_sub=confirm("根据你给出的评级信息，不能确定建议级别，你确定要提交吗？");

if(form_sub==true)

{

return true;

}

else

{

return false;

}

else

{

var form_sub=confirm("根据你给出的评级信息，系统建议级别为Level "+result+"，你确定要提交吗？");

if(form_sub==true)

{

return true;

}

else

{

return false;

}

dataType:"text"

});

return return_val;

}

40.js跳转传值：

function select_permsg()

{

var sel_key=$('#sel_key').val();

window.location.href="/qc/manager/show_report?sel_key="+sel_key;

}

PHP接受使用Get方式

41.按钮禁用启用：

禁用：$('#reject_reason_form').find("#reject_ce_button").attr("disabled",true);

启用：$('#reject_reason_form').find("#reject_ce_button").removeAttr("disabled");

42.jquery获取checkbox选中值：

var is_foreign=$("input[name='level[is_foreign]']").attr("checked");

43.设置html元素的隐藏与显示：

//隐藏

$("#id").css('display','none');

//显示

$("#id").css('display','block');

或

$("#id")[0].style.display = 'none';

44.Jquery 数据提交验证：

function boost()

{

var username=$.trim($("#sbox-window").find("#username").val());

var indentity_code=$.trim($("#sbox-window").find("#indentity_code").val());

if(username=="")

{

alert('请输入用户名！');

return false;

}

var val_result=true;

var subdata="";

if(indentity_code=="")

subdata="username="+username;

else

subdata="username="+username+"&indentity_code="+indentity_code;

$.ajax({

async:false,

type: 'POST',

url: '/peculiarity/user_login/boot_indentity_code' ,

data:subdata,

success:function(result)

{

if(result=="0"||result=="")

{

alert("请填写身份证号后登陆！");

$("#sbox-window").find("#com-form-login-indentity_code").css('display','block');

val_result=false;

}else if(result==2)

{

alert("请输入正确的身份证号！");

val_result=false;

}else if(result==3)

{

alert("该身份证已存在，请检查!");

val_result=false;

}else if(result==4)

{

alert("数据验证出现问题，请与网站管理员联系！");

val_result=false;

}

else if(result==1)

{

val_result=true;

}

dataType:"text"

});

return val_result;

}

45.简单数据操作：

前端：

</div>

<tr>

</tr>

<?php

$t=0;

foreach($tags as $item):

$t++;

<tr>

</tr>

<?php endforeach;?>

</table>

</div>

<tr>

<td>

标签名称：

</td>

<td>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</div>

后台：

//添加标签

function add_tag()

{

var tag=$.trim($("#Follow_Tag_Form").find("#tag_text").val());

if(tag=="")

{

alert("标签名称不能为空！");

return false;

}

$.ajax({

type: 'POST',

url: '/follow/add_tag' ,

data: "tag_name="+tag,

success:function(result)

{

var tags_msg=jQuery.parseJSON(result);

var html="<table class='table table-striped table-bordered table-hover' id='listtable'>";

html+="<tr><th>序号</th><th>项目名称</th><th>操作</th></tr>";

var p=1;

$.each(tags_msg,function(i,n)

{

html+="<tr><td>"+p+"</td><td>"+n.name+"</td><td> <a οnclick='del_tags("+n.id+");'>删除</a></td></tr>";

p++;

} );

html+="</table>";

$("#Follow_Tag_Form").find("#Tags_list").html(html);

$("#Follow_Tag_Form").find("#tag_text").val("");

dataType:"text"

});

}

//删除标签

function del_tags(id)

{

$.ajax({

type: 'POST',

url: '/follow/del_tag' ,

data: "id="+id,

success:function(result)

{

var tags_msg=jQuery.parseJSON(result);

var html="<table class='table table-striped table-bordered table-hover' id='listtable'>";

html+="<tr><th>序号</th><th>项目名称</th><th>操作</th></tr>";

var p=1;

$.each(tags_msg,function(i,n)

{

html+="<tr><td>"+p+"</td><td>"+n.name+"</td><td> <a οnclick='del_tags("+n.id+");'>删除</a></td></tr>";

p++;

} );

html+="</table>";

$("#Follow_Tag_Form").find("#Tags_list").html(html);

dataType:"text"

});

}

46.checkbox操作赋值：

//添加患者标签

function sel_tags_tag()

{

var arrChk=$("input[name='tags_checkbox']:checked");

var tags='';

$(arrChk).each(function(){