MVC easyui-switchbutton 和 checkbox 、radio 使用和赋值 JQ select 取值

12 篇文章 0 订阅
11 篇文章 0 订阅

初始化默认:

<input id="cdt_level" class="easyui-switchbutton" data-options="onText:'是',offText:'否'" @if (Model.cdt_level == 1) { @Html.Raw("checked"); } >

<input id="ckdate" name="ckdate" type="checkbox"  checked="checked" />

<input id="ckdate" name="ckdate" type="checkbox"  @if (Model.ckdate== 1) { @Html.Raw("checked"); }  />

禁用 取消禁用

$("#ckdate").attr('disabled');

$("#ckdate").removeAttr('disabled');

脚本修改:

//$("#ckdate").checked = true; //不能用

$("#ckdate")[0].checked = true;

$("#ckdate").get(0).checked = true;

$("#ckdate").attr("checked", false);

$("#ckdate").removeAttr("checked");

$("#cdt_level").switchbutton("uncheck");

$("#cdt_level").switchbutton("check");

获取值:

var ischeck = $("#ckdate").is(':checked'); return true false;

$("#ckdate")[0].checked ;return true false;

$("#ckdate").get(0).checked;  return true false;

$('#ckdate').attr('checked');  return undefined/checked

prop
giftEditor.target.click(function () {
                            var isck = $(this).prop("checked");
                        });

prop 用于返回属性值时,则返回第一个匹配元素的值。

用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

$("#cdt_canuse").switchbutton("options").checked    true/false

获取 radio 原生

<input id="rdoall" name="rdoAll" type="radio" value="0" checked />
<label for="rdoall">全部</label>
<input id="rdohave" name="rdoAll" type="radio" value="1" />
<label for="rdohave">1</label>
 <input id="rdonohave" name="rdoAll" type="radio" value="2" />
<label for="rdonohave">2</label>

var val = $('input[name="sex"]:checked').val(); 

radiobutton  ( jquery.easyui-1.6.11 及以上)
<input class="easyui-radiobutton" name="rdoall" value="0" label="全部商品" checked="checked" labelposition="after" />
<input class="easyui-radiobutton" name="rdoall" value="1" label="数量出入有变化" labelposition="after" />
<input class="easyui-radiobutton" name="rdoall" value="2" label="数量出入无变化" labelposition="after" />

--radio 赋值

<input type="radio" name="is_client_confirm_again" id="rdlconfirm_y" value="1"
  @if (Model.is_client_confirm_again == 1) { @Html.Raw("checked")} /><label for="rdlconfirm_y">是</label>
<input type="radio" name="is_client_confirm_again" id="rdlconfirm_n" value="0"
  @if (Model.is_client_confirm_again != 1) { @Html.Raw("checked")} /><label for="rdlconfirm_n">否</label>


--循环读取radio选中值

<input type="radio" name="is_client" id="rdlconfirm_y" value="1" checked=""><label for="rdlconfirm_y">是</label>
<input type="radio" name="is_client" id="rdlconfirm_n" value="0"><label for="rdlconfirm_n">否</label>

var params = {};
            $("input[id][type='radio']:checked").each(function () {
                var name = $(this).prop("name");
                params [name] = $(this).val();
            });

JQ select 取值

一、html代码

<select id="ddl">
<option value="100" emoney="12" >选项1</option>
<option value="200" emoney="13" >选项2</option>
<option value="300" emoney="14" >选项3</option>
</select>

二、js代码

//获取属性emoney的值
var iteValue = $("#ddl").find("option:selected").attr("emoney");
console.log('emoney的值:' + iteValue);
//获取选中项的value
var itemValue1 = $("#ddl").val();
console.log('Value:' + itemValue1);
//获取选中项的文本值
var itemText = $("#ddl option:selected").text();
console.log('Text:' + itemText);
//获取选中项的文本值
var itemText1 = $("#ddl").find("option:selected").text();
console.log('Text:' + itemText1);

//以下未整理:

check 赋值 : $("#ckdate_other").attr("checked", false);
jquery判断checked的三种方法:
.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
.prop('checked'): //16+:true/false
.is(':checked'):    //所有版本:true/false//别忘记冒号哦
jquery赋值checked的几种写法:
所有的jquery版本都可以这样赋值:
// $("#cb1").attr("checked","checked");
// $("#cb1").attr("checked",true);
jquery1.6+:prop的4种赋值:
// $("#cb1″).prop("checked",true);//很简单就不说了哦
// $("#cb1″).prop({checked:true}); //map键值对
// $("#cb1″).prop("checked",function(){
return true;//函数返回true或false
});
//记得还有这种哦:$("#cb1″).prop("checked","checked");

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET MVC EasyUI-Tree 是一种用于在ASP.NET MVC应用程序中实现树状结构的开源插件。它基于EasyUI框架,为开发人员提供了一种简单而强大的方式来展示和操作树形数据。 使用ASP.NET MVC EasyUI-Tree可以实现以下功能: 1. 数据展示:可以将树状数据以层级结构展示出来,帮助用户更直观地理解数据之间的关系。 2. 数据操作:可以对树状数据进行增加、编辑和删除等操作,使用户可以方便地对树节点进行维护和管理。 3. 数据筛选:可以通过设置过滤条件实现对树状数据的快速筛选,只显示符合条件的节点。 4. 数据排序:可以对树状数据进行排序,按照特定字段的升序或降序排列。 5. 数据搜索:可以通过关键字搜索来快速定位包含特定内容的节点。 6. 数据导入/导出:可以将树状数据导入到Excel等格式文件中,或者将外部数据导入到树状结构中。 7. 数据异步加载:对于大量数据,可以采用异步加载的方式实现分页加载,提升性能和用户体验。 使用ASP.NET MVC EasyUI-Tree需要进行一些配置和编写代码,但整体来说相对容易上手。它提供了丰富的API和事件以供开发人员自定义和扩展,能够满足不同需求的应用场景。 总而言之,ASP.NET MVC EasyUI-Tree是一个强大而易用的工具,能够帮助开发人员在ASP.NET MVC应用程序中轻松地实现树状结构的展示和操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值