easyui validatebox textbox 取值和赋值

简介: easyui-textbox 赋值的方式: 1 //使用表单选择器:代码似乎是有异常的 2 //$("input[name='snumber']").textbox('setValue', "22012"); 3 //使用表单选择器:代码没有异常 但不能为input设置值 4 //$("input[name='snumber']").
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);
        }
    });
}
 
 

 






相关文章
easyUI datagarid 编辑状态下的combobox动态赋值
easyUI datagarid 编辑状态下的combobox动态赋值
Easyui validatebox增加对time、date、datetime的验证,时间格式化
Easyui validatebox增加对time、date、datetime的验证,时间格式化
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
122 0
easyui textbox获取焦点事件
$('#textboxid').textbox().next('span').find('input').focus();   $('#id').textbox('textbox').focus();
1791 0
easyui radio 取值和赋值
1.html文件               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;委托人证件类型: 身份证 ...
1666 0
|
JavaScript
easyui radio 类型的取值和赋值方法
1.HTML 文件 委托人证件类型: 身份证 护照 2.JS的取值和赋值方法 //取值方法 function checkRadio(){ alert($("input[name='certType'][checked]").
2400 0
easyui select 下拉框的取值和赋值
1.取值 //拍卖管理中示例 function serializeForm(form) { var obj = { auclotType : $('#auclotType').
1914 0
|
JavaScript 前端开发
easyui datatimebox 取值和赋值
1.取值 var time = $('.easyui-datetimebox').datetimebox('getValue'); 全部代码如下: function seach(){ var time = $('.
1276 0
|
JavaScript API 前端开发
jQuery EasyUI API 中文文档 - 验证框(ValidateBox)
ValidateBox 验证框 用 $.fn.validatebox.defaults 重写了 defaults。 用法 1. 1. $('#vv').validatebox({   2.
1062 0