首页 > 其他分享 >H-ui JQuery 给单选按纽赋值不生效

H-ui JQuery 给单选按纽赋值不生效

时间:2023-12-29 09:11:08浏览次数:28  
标签:JQuery blue 按纽 ui 单选 赋值

H-ui JQuery 给单选按纽赋值不生效

$("#sex-1").attr('checked',true)

image

原因,iradio-blue 样式的原因
把下面代码注释掉就可以了

$('.skin-minimal input').iCheck({
    checkboxClass: 'icheckbox-blue',
    radioClass: 'iradio-blue',
    increaseArea: '20%'
});
<div class="formControls col-xs-8 col-sm-9 skin-minimal">
   <div class="radio-box">
      <div class="iradio-blue"><input type="radio" name="sex" value="1" id="sex-1" checked="checked" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
      <label for="sex-1" class="">男</label>
   </div>
   <div class="radio-box">
      <div class="iradio-blue checked"><input type="radio" name="sex" value="2" id="sex-2" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins></div>
      <label for="sex-2" class="">女</label>
   </div>
</div>

标签:JQuery,blue,按纽,ui,单选,赋值
From: https://www.cnblogs.com/vipsoft/p/17934009.html

相关文章

  • JQuery 修改用户信息
    JQuery修改用户信息,多项选择,赋值,框架:https://www.h-ui.net/v3.shtml$(data.data.roleList).each(function(i,val){$('input[type="checkbox"][name="doctorRole"]').each(function(){if(this.value==val.roleCode){......
  • JQuery 获取URL参数
    在jQuery中,可以使用window.location.search属性获取URL中的查询参数。该属性返回一个字符串,其中包含URL中的查询参数和对应的值。下面是一个简单的示例,展示如何使用jQuery获取URL中的参数:varqueryString=window.location.search;varparams={};if(queryStr......
  • css+jquery右下角弹框提示框(工作需要就开发调式了)
    使用时调用:addTip();setTimeout("closeTip();",1000);setTimeout("removeTip();",2000); //添加提示框functionaddTip(){vartip="<divid='tip'>"+"<divclass='tip-header'>提示......
  • 简单选择排序
    定义:对n个元素进行简单选择排序的基本方法是:第一趟从第1个元素开始,在n个元素中选出最小者,将其交换至第1个位置;第二趟从第2个元素开始,在剩下的n-1个元素中选出最小者,将其交换至第2个位置,以此类推,第i趟从n-i+1个元素中选出最小元素,将其交换至第i个位置,通过n-1趟选择,最终得到非递减排......
  • 原生js和jquery判断单选复选框是否选中
    用jquery判断设置单选复选框时,有时会有些迷糊,今天总结下。<dl><dt>单选框</dt><dd><label><inputtype="radio"name="gender"value="男"/>男</label><label><inputtype="radio"name=......
  • Javascript 原型链 jQuery原型链 js原型链 我感觉我能一直写下去 扶着我>_<
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>原型链闭环</title><scriptsrc="./jquery.js"></script></head><body><divclass=&quo......
  • html jquery from 表单提交 application/x-www-form-urlencoded 改成 json
    htmljqueryfrom表单提交$(form).ajaxSubmitapplication/x-www-form-urlencoded改成json<formclass="formform-horizontal"id="form-admin-add"><divclass="rowcl"><labelclass="form-labelcol-xs-4col-......
  • jQuery功能强大的图片查看器插件 viewer
    http://www.htmleaf.com/jQuery/Image-Effects/201509032517.html 如果想知道用户点击的是第几张图片,可使用HTML5的window.postMessage实现通信,修改viewer.js: 然后在html中接收事件: ......
  • python网站创建015:jQuery的标签操作
    当我们找到标签之后,就要学习jQuery对这个标签都能做哪些操作? 1、样式操作:也就是操作标签的css样式添加样式:addClass删除样式:removeClass判断是否有该样式:hasClass有则移除,无则添加:toggleClass<!DOCTYPEhtml><html><head><title>初识:JavaScript</title><meta......
  • python网站创建014:jQuery的引入、选择器和筛选器
    1.下载jQuery之后,那如何使用呢?假如我想操作一个div标签,给这个标签补充文字<!DOCTYPEhtml><html><head><title>初识:JavaScript</title><metacharset="UTF-8"></head><body><!--定义一个无文本的div标签--><div......