toggle input radio

$(function(){
    $(‘input[name="rad"]‘).click(function(){
        var $radio = $(this);

        // if this was previously checked
        if ($radio.data(‘waschecked‘) == true)
        {
            $radio.prop(‘checked‘, false);
            $radio.data(‘waschecked‘, false);
        }
        else
            $radio.data(‘waschecked‘, true);

        // remove was checked from other radios
        $radio.siblings(‘input[name="rad"]‘).data(‘waschecked‘, false);
    });
});
<input type="radio" id="aa" name="rad" data-waschecked="true" class="ico-green">
时间: 2024-11-09 00:45:52

toggle input radio的相关文章

高版本jquery尤其是1.10.2的版本设置input radio设置值的最正确的姿势。

$("input:radio[name="analyshowtype"]").attr("checked",false); $("input[name=jizai]:eq(0)").attr("checked",'checked'); $("input[@type=radio][name=sex][@value=1]").attr("checked",true); 以

Input Radio和Checkbox标签的高富帅用法

input标签中radio和checkbox这标签的原生效果让人无力吐槽,实在太丑. 好在现在weibkit浏览器可以用 -webkit-appearance:none; 来改变自己的矮矬穷形象. radio标签 使用场景1:很多图片下方的点点点,这样做的好处是用JS设置一个点为选中只要将这个元素的checked设置为true即可,而且用鼠标点击也不需要另外写JS脚本. 简单版的CSS代码如下: .radio{ width: 10px; height: 10px; -webkit-appeara

【转】html input radio取得被选中项的value

html代码: <input id="rad" name="rad" type="radio" value="1"/> <input id="rad" name="rad" type="radio" value="2"/> <input id="rad" name="rad" t

【前端】input radio多选事件获取所有选中的id,radio样式优化可修改

$("#all_button").on('click', function() { obj = document.getElementsByClassName("input_radio_checked"); str = ""; for(i = 0; i < obj.length; i++) { str += obj[i].id + " "; //这里是数字之间的空格 } console.log(str) alert(st

input radio 与label文字对齐

input{ vertical-align:middle; margin-bottom:2px; *margin-bottom:2px; } 原地址

设置input(radio,checkbox)和lable对齐的问题

在做页面的时候几次遇到label和前面的小图标无法对齐的情况,后来发现解决方法不过是 label { display:inline-block; vertical-align:top; line-height:22px;//根据具体情况调节line-height }

input(type=&quot;checkbox&quot;|type=&quot;radio&quot;)+jquery使用

1.用.is(":checked")判断input是否为选中状态 例: var value=$(this).is(":checked"); localStorage.setItem("displayevelute",value); 2.用.change()判断input状态是否改变 $("#Isdisplayevelute").change(function(){ var value=$(this).is(":che

jquery 获取 input type radio checked的元素

.find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name='radio']:checked");.find("input[@name='radio'][checked]");.find("input[name='radio']").filter(':checked');

checkbox和radio样式美化

看惯了input[checkbox]和input[radio]默认样式,有没有想要改变一下呢?比如下面的样式: 比起html默认的样式,上图这些是不是美观多了呢?并且这样的input美化,无需jquery插件,只要几行css代码就可以. 思路 思路很简单:(1)将之前的按钮透明度opacity设置为0:(2)外层用div包裹 实现过程 图片下载:       [html代码] <div class="hdz_input_radio checked"><input ty