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

xiaoxiao2021-02-28  120

初始化默认:

<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").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

 

$("#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");

 

转载请注明原文地址: https://www.6miu.com/read-74442.html

最新回复(0)