easyui validatebox textbox 取值和赋值

easyui-textbox 

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"   name="snumber" data-options="required:true, missingMessage:‘请输入学号‘" />

 赋值的方式:
 1 //使用表单选择器:代码似乎是有异常的
 2 //$("input[name=‘snumber‘]").textbox(‘setValue‘, "22012");
 3 //使用表单选择器:代码没有异常 但不能为input设置值
 4 //$("input[name=‘snumber‘]").val("22012");
 5 //使用id选择器:不能设置值
 6 //$("#addSnumber").val("22012");
 7 //使用id选择器:可以设置值
 8 $("#addSnumber").textbox(‘setValue‘, "22012");
 9 //使用id选择器和setText:可以设置值
10 $("#addSnumber").textbox(‘setText‘, "22012");

所以:为text-box设置值只能使用id选择器选择表单元素,然后使用textbox("setValue", value); 的方式进行赋值;

获取值也是如此:

var snumber = $("#addSnumber").textbox(‘getValue‘);

easyui-validatebox的设置值或获取值的方式又有点不一样

表单作如下定义:

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text"   name="snumber" data-options="required:true, missingMessage:‘请输入学号‘" />
 获取值的方式:
 1 //这种方式是可以设置值的
 2 //$("#addSnumber").val("22015");
 3 //可以设置值
 4 //$("input[name=snumber]").val("22015");
 5 //不能设置值,且语法不对有异常
 6 //$("input[name=snumber]").textbox("setValue", "22015");
 7 //不能设置值,且语法不对有异常
 8 //$("input[name=snumber]").textbox("setText", "22015");
 9 //不能设置值,且语法不对有异常
10 //$("#addSnumber").textbox("setvalue", "22015");

所以:validatebox只能用$().val()方式设置和获取值,选择器既可以用id选择器,也可以用表单选择器

总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样

text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", value) 或 textbox("seText", value) 的方式设置值,使用textbox("getValue") 或textbox("getText") 获取值;

validatebox设置值可以使用id选择器和表单选择器,只能使用val()获取值和设置值。

项目实例:1.html文件
            <tr id="client_check1">
                        <th>委托人证件类型:</th>
                        <td><input id="certType" type="radio" name="certType"
                            class="easyui-validatebox" checked="checked" value="身份证"><label>身份证</label></input>
                            <input id="certType" type="radio" name="certType"
                            class="easyui-validatebox" value="护照"><label>护照</label></input>
                        </td>
                    </tr>
                    <tr id="client_check2">
                        <th>委托人名称:</th>
                        <td><input id="clientName" type="text" name="clientName" style="width:400px;"
                            class="easyui-textbox" data-options="required:true"></input></td>
                    </tr>
                    <tr id="client_check3">
                        <th>委托人手机号码:</th>
                        <td><input id="clientPhone" type="text" name="clientPhone" style="width:400px;"
                            class="easyui-textbox" data-options="required:true"></input></td>
                    </tr>


2.js方法
function clientForm(){
    var clientNo = $(‘#client‘).val();

    //发送ajax请求,如果已存在该委托人的信息,进行回显
    $.ajax({
        type : "GET",
        url : parent.baseUrl+‘goods/findClient/‘+clientNo,
        data : null,
        dataType : ‘json‘,
        success : function(data) {
            //将委托人的信息进行赋值
            if (data.certType == "身份证") {
                $("input[name=‘certType‘][value=‘身份证‘]").attr("checked",true);
            }else if(data.certType == "护照"){
                $("input[name=‘certType‘][value=‘护照‘]").attr("checked",true);
            }

//            $("input[name=‘radioName‘][value=2]").attr("checked",true);
//            $(‘#certType‘).textbox(‘setValue‘,data.certType);
            $(‘#clientName‘).textbox(‘setValue‘,data.name);
            $(‘#clientPhone‘).textbox(‘setValue‘,data.mobile);
        }
    });
}

				
时间: 2024-08-02 18:20:38

easyui validatebox textbox 取值和赋值的相关文章

jQuery对表单元素的取值和赋值操作代码

使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:$(“#keyword”).val() $("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval

【转】jQuery 取值、赋值的基本方法整理

这篇文章主要介绍了jQuery 取值.赋值的基本方法,需要的朋友可以参考下 /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[@type=radio][@checked]").val(); /*获

jQuery对html元素的取值与赋值实例详解

jQuery对html元素的取值与赋值实例详解 转载  2015-12-18   作者:欢欢   我要评论 这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下 本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: ? 1 2 3 4 5 var str = $('#txt').val(); $('#

Lua学习 1) —— Android调用变量取值与赋值

2014-07-08 Lua脚本语言,嵌入在App中扩展开发是很不错的. 关于Android与Lua的环境搭配,我直接下载别人编好的.so与.jar(放到libs下就好了) 下面简单介绍一下Android调用Lua中的变量以及赋值 LuaState mLuaState; mLuaState = LuaStateFactory.newLuaState(); mLuaState.openLibs();//加载库 mLuaState.LdoString("x = 101");//执行一段lu

jquery对表单元素的取值和赋值

/*获得text的值*/ var textval =$("#text_id").attr("value"); //或者 var textval =$("#text_id").val(); /*获取单选按钮的值*/ var valraio =$("input[type=raio]:checked").val(); /*获取一组名为items的radio被选中项的值*/ var item =$('input[name=items]

浅谈jquery关于select框的取值和赋值

浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取

jquery关于select框的取值和赋值

jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取Select选中项的Text var check

jQuery的函数取值与赋值

jQuery的函数,都有两个功能,取值与赋值    1.html()        若参数不为空,则先清空匹配元素的内容,然后调用append()插入内容.        若为空,则返回第一个匹配的元素的hmtl源码    2.extend() 用于扩展

html常用标签的取值和赋值操作

我们在html页面当中,面对各种各样的标签,经常需要处理取值和赋值的问题,下面,就把常见的一些html标签元素的取值和赋值操作进行总结整理,以后备用. 1.button:改变button按钮上面的值,比如把确定按钮取消按钮 <button id="btn">确定</button> $("#btn").click(function () { $("#btn").text("取消");//这个是改变按钮上面