侧边栏壁纸
  • 累计撰写 781 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

表单

Dettan
2021-04-10 / 0 评论 / 0 点赞 / 106 阅读 / 3,688 字
温馨提示:
本文最后更新于 2022-04-30,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
/ 前端 / Web / 表单

.$().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
Js操作Select大全(取值、设置选中等等)
jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(".selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected").text(); 这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。 很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。 如: Js操作Select大全 判断select选项中 是否存在Value="paraValue"的Item 向select选项中 加入一个Item 从select选项中 删除一个Item 删除select中选中的项 修改select选项中 value="paraValue"的text为"paraText" 设置select中text="paraText"的第一个Item为选中 设置select中value="paraValue"的Item为选中 得到select的当前选中项的value 得到select的当前选中项的text 得到select的当前选中项的Index 清空select的项 js 代码 // 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false ; for (var i = 0;
https://www.cnblogs.com/chbyl/p/7160321.html
$("#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",$);

//提交之前把选中都设置成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;
}
            <div style="color: inherit; fill: inherit;">
                <div style="display: flex;">


$("#add-admin").is(":checked")
0

评论区