`

实战jquery取复选框、单选框、下拉列表等的值

阅读更多

在实际的前台开发中,为了避免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包

 

分享到:
评论

相关推荐

    jquery UI表单设计器

    开发者可以通过这个工具直观地构建复杂的表单结构,包括各种输入类型(如文本、密码、复选框、单选按钮、下拉菜单等)以及布局元素(如分组、容器、标签等)。 在提供的文件列表中,我们有: 1. **基于jquery ui的...

    jq表单框架jqtransform的常用事例

    本篇将深入探讨jqTransform的常用功能,包括复选框、单选按钮、表单列表、只读输入框、下拉框以及如何结合layer框架实现弹出框。 1. **复选框与单选按钮** jqTransform提供了一套优雅的复选框和单选按钮样式,它们...

    EsayUI学习笔记

    6. 表单(Form):集成多种表单元素,如文本框、复选框、单选按钮等,支持验证和数据提交。 四、EasyUI的使用步骤 1. 引入依赖:在HTML文件中引入jQuery和EasyUI的CSS及JS文件。 2. HTML结构:根据需要的组件,编写...

    PythonWeb从入门到实战教程之7Form表单.zip

    表单可以包含各种输入元素,如`<input>`(文本、密码、复选框、单选按钮等)、`<textarea>`(多行文本输入)、`<select>`(下拉列表)等。表单数据通过`<input>`标签的`name`属性标识,并通过`method`属性定义提交...

    xpages培训

    第二课将深入探讨XPages的各种控件,包括编辑控件(如文本框、下拉列表等)、选择控件(复选框、单选按钮等)、文件处理控件(如文件上传/下载),以及来自开源库的常用控件,如Dojo Toolkit或Bootstrap。...

    easyui1.3 demo 及使用说明

    - **表单元素(Form)**:包括输入框、复选框、单选按钮等,支持数据验证和提交。 - **按钮(Button)**:普通按钮、链接按钮、图标按钮等,可触发各种事件。 - **滑块(Slider)**:用于数值选择,常用于调整...

Global site tag (gtag.js) - Google Analytics