`

form 表单元素整理

 
阅读更多

 复选框不能用(类似不可读的效果):

$(":checkbox").click(function(){
     return false;
    });

 

 <input type="checkbox" name="slcfjb" value="01" onclick="return false;"/>

展示表单值:

 $(":checkbox[name='slzcyy'][value='<s:property value="tst.slzcyy"/>']").attr('checked','true');
 $(":radio[name='slza'][value='<s:property value="tst.slza"/>']").attr('checked','true');

 

label标签的用法:

用文字可以选择复选框值:

<input type="checkbox" value="7" onclick="checkHl(this)" id="hlzg7-hlzg" name="flzgqk" />
  <label for="hlzg7-hlzg">
   邻居
  </label>
  <input type="checkbox" value="8" onclick="checkHl(this)" id="hlzg8-hlzg" name="flzgqk" />
  <label for="hlzg8-hlzg">
   其他社会服务机构
  </label>

 

用文字可以选择单选按钮值:

<input type="radio" value="0" id="kzt1" name="kzt" class="" />
  <label for="kzt1">注销</label>
  <input type="radio" value="1" id="kzt2" checked="checked" name="kzt" class="" />
  <label for="kzt2">正常</label>

分享到:
评论

相关推荐

    Jquery表单-层级-内容-属性-子元素选择器知识点整理

    #### 一、Jquery表单元素选择器 在JQuery中,表单元素选择器主要用于选择表单中的特定元素,如按钮、输入框等。这些选择器简化了DOM操作,使得开发者能够更加高效地对表单进行操作。 - **`$(":button")`**:选择...

    表单相关特效整理 - 蓝色理想

    3. **JavaScript表单处理**:了解如何使用JavaScript进行表单验证,如非空检查、格式验证等,以及动态修改表单元素的属性和状态。 4. **AJAX异步提交**:介绍如何利用AJAX技术实现无刷新的表单提交,提高用户体验。...

    表单元素和文字垂直居中对齐问题解决整理

    在网页设计中,表单元素和文字的垂直居中对齐是一个常见的需求,尤其是在创建整洁、用户友好的界面时。本文主要讨论了如何解决表单元素(如输入框、下拉框、单选框和复选框)以及与其关联的文字在垂直方向上保持一致...

    HTML5新表单元素_动力节点Java学院整理

    HTML5 新的表单元素 HTML5 有以下新的表单元素:  &lt;keygen&gt;  注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。 ...

    element form 校验数组每一项实例代码

    el-form表单组件,用于包裹表单域;el-form-item表单项组件,用于渲染具体的输入框。需要注意的是,表单项中的prop属性用于指定当前表单项的数据绑定和校验规则。由于是数组的每一项,所以在prop中使用了模板字符串...

    JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)

    &lt;form action="路径" onsubmit="return check()" method="POST"&gt; ``` 这里的`check()`函数是我们的验证函数,它负责检查表单内的数据是否有效。下面是一个简单的`check()`函数示例,用于验证姓名是否为空以及性别...

    HTML表单_动力节点Java学院整理

    HTML表单是一个包含表单元素的区域, 表单使用&lt;form&gt; 标签创建。表单能够包含input元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。...

    JavaScript操作表单_动力节点Java学院整理

    这些表单元素在JavaScript中都可以通过其对应的DOM元素进行操作。 1. 获取表单元素的值:可以通过获得节点的引用,然后使用value属性来获取用户输入的数据。对于文本框(text)、口令框(password)、隐藏文本...

    实用jquery操作表单元素的简单代码

    以上是根据给定文件内容整理的jQuery操作表单元素的相关知识点。在使用这些代码时,需要注意选择器的正确性和具体场景的需求,以确保实现预期的功能。通过这些操作,可以极大地提升页面的交互性和用户体验。

    通过构造AJAX参数实现表单元素JSON相互转换

    ajax提交服务器数据, 整理一下转换方法。 ... &lt;form id=fm name=fm action=&gt;...1.表单元素转QueryString var q = $('#fm,#UserId').serialize(); //q = UserName=UserName1&UserId=UserId1 2.字符串,

    用Excel自动填写网页表单.pdf

    2. **网页元素定位**:利用JavaScript或DOM(Document Object Model)操作来定位网页中的表单元素。 3. **数据填充**:将Excel单元格中的数据填充到网页表单中相应的字段。 #### 三、具体实现步骤 1. **准备工作**...

    javascript表单域与json数据间的交互第2 3页.docx

    - 创建一个空的JSON对象,并将每个表单元素的`name`属性作为键,其值作为对应的值。 3. **特殊处理**: - 处理复选框和多选下拉列表时,需要将其值组织为数组形式。 - 对于没有`name`属性的元素,可以考虑忽略...

    Jquery 选择器整理

    - 专门用于选择表单元素,如输入框、按钮等。 - 实例: `$("form :input")` 获取表单内的所有输入元素 综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素...

    整理HTML5中表单的常用属性及新属性

    它用于指定表单元素是否应该开启自动完成功能。当用户开始在一个自动完成域内输入时,浏览器应显示一个下拉菜单,其中包含之前用户曾经输入过的选项。`autocomplete`属性适用于`&lt;form&gt;`标签以及`&lt;input&gt;`标签的`text...

    UI框架学习资料整理(第四月).docx

    - **`autofocus`**:使表单元素在页面加载时自动获取焦点。 - **`required`**:确保表单元素在提交前必须填写。 - **`placeholder`**:在输入框为空时显示提示信息。 - **`autocomplete`**:开启表单的自动完成...

    第二次作业和第三次作业

    单选按钮(radio buttons)和复选按钮(checkboxes)也是表单元素中的一部分,用于让用户从一组选项中做出单一选择或多选。在本次作业中,需要设计单选按钮和复选按钮来显示选择框,并控制单选框元素使得只能有一个被...

Global site tag (gtag.js) - Google Analytics