.$().change(); 会触发onChange事件
$().submit() 会触发提交,只不过是同步的。
from表单 disable 之后不会向后台传值, readonly 可以传值.
下载文件
<a class="export-excel btn btn-default" data-table="#countTable"
onclick='var a = document.createElement("a");
// a.download = name + ".xls";
a.href = "/excelDrug";
$("body").append(a); // 修复firefox中无法触发click
a.click();
$(a).remove();' >导出</a>
select
$("#startcityname").find("option:selected").text()
select 标签不能通过value来设置选中,通过给选项加selected解决<%if (myClass.equals("一年级")) out.print("selected");%>
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").prop("selected",true);
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
$(".selector").find("option:selected").text();
radioGroup
<label> <input name="free" value="0" type="radio" onchange="freeChange()"> 全部 </label>
<label> <input name="free" value="1" type="radio" onchange="freeChange()"> 全不</label>
<label> <input name="free" value="2" type="radio" onchange="freeChange()"> 自定义</label>
1. 获取radio选中的value.
$('input:radio[name=sex]:checked').val();
2. 选择 radio 按钮 (Male).
$('input:radio[name=sex]:nth(0)').prop('checked',true);
$('input:radio[name=sex]')[0].checked = true;
$('input:radio[name=sex][value=male]')[0].checked = true;
5. 重置 radio 按钮.
$('input:radio[name=sex]').prop('checked',false);
disable input
$(":input[name=freeEposide]").prop("disabled",false)
$(":input[name=freeEposide]").removeAttr("disabled")
checkbox
原生 : 选中了才提交字段,不选中不提交
<label > <input type="checkbox" name="free" value="0" onclick="this.value=(this.value==0)?1:0"> 免费 </label>
<label> <input type="checkbox" name="tryAndSee" value="1"> 试看 </label>
//根据值设置选中,这里后台存的是 布尔
$(":input[name=free]").prop("checked",${jkvideoVideoPage.free});
//提交之前把选中都设置成true来让所有值都提交
let free = $(":input[name=free]");
if (free.prop("checked") === false) {
free.val(0);
free.prop("checked", true);
}
//验证表单正确性
function checkForm()
{
var t1 = document.getElementById("enterPenal").getElementsByTagName("input");
for(i=0;i<t1.length;i++)
{
if(t1[i].type == "checkbox")
{
if(!(t1[i].checked))
{
t1[i].checked = true;
t1[i].value = "0";
}
}
}
return true;
}
$("#add-admin").is(":checked")
评论区