在实际的前台开发中,为了避免id重复很多情况下必须引入form的概念,以下将列出引入form后jquery获取取复选框、单选框、下拉列表等的方法
获取选中下拉列表的值:
var selectValue = $("form[id='formid'] select[id='selectid'] option:selected").val();
获取单选框的值:
var radioValue =$("form[id='formid'] input[name='radioname']:checked").val();
获取复选框的值:
var checkboxValue= $('#id').attr("checked");//结果为checked、undefined
复选框全选
$("[name='checkbox']").attr("checked",'true');
复选框全不选
$("[name='checkbox']").removeAttr("checked");
判断复选框是否被选中:
varcheckboxflag= $("form[id='formid'] input[id='checkboxid']").attr("checked");
if($("form[id='routeForm'] input[id='checkboxid']").is(":checked")==true){
//do yourself
}else{
//do yourself
}
备注:以上功能需引入jquery包
相关推荐
开发者可以通过这个工具直观地构建复杂的表单结构,包括各种输入类型(如文本、密码、复选框、单选按钮、下拉菜单等)以及布局元素(如分组、容器、标签等)。 在提供的文件列表中,我们有: 1. **基于jquery ui的...
本篇将深入探讨jqTransform的常用功能,包括复选框、单选按钮、表单列表、只读输入框、下拉框以及如何结合layer框架实现弹出框。 1. **复选框与单选按钮** jqTransform提供了一套优雅的复选框和单选按钮样式,它们...
6. 表单(Form):集成多种表单元素,如文本框、复选框、单选按钮等,支持验证和数据提交。 四、EasyUI的使用步骤 1. 引入依赖:在HTML文件中引入jQuery和EasyUI的CSS及JS文件。 2. HTML结构:根据需要的组件,编写...
表单可以包含各种输入元素,如`<input>`(文本、密码、复选框、单选按钮等)、`<textarea>`(多行文本输入)、`<select>`(下拉列表)等。表单数据通过`<input>`标签的`name`属性标识,并通过`method`属性定义提交...
第二课将深入探讨XPages的各种控件,包括编辑控件(如文本框、下拉列表等)、选择控件(复选框、单选按钮等)、文件处理控件(如文件上传/下载),以及来自开源库的常用控件,如Dojo Toolkit或Bootstrap。...
- **表单元素(Form)**:包括输入框、复选框、单选按钮等,支持数据验证和提交。 - **按钮(Button)**:普通按钮、链接按钮、图标按钮等,可触发各种事件。 - **滑块(Slider)**:用于数值选择,常用于调整...