jquery 单选框整个选中

问题：遇到单选框，如图

解决办法：利用jqurey click->checked

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<body>
<span class="pay-item" >
                <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
</span>
<span class="pay-item" >
                <input type="radio" name="pay-item" class="big-radio" /><{$payment.app_display_name}>
</span>
</body>
</html>

<script>
    $(‘.pay-item‘).bind(‘click‘,function(e){
        $(this).find(‘input[name=pay-item]‘)[0].checked = true;
    });

</script>

代码解析：其中pay-item　为ｓｐａｎ标签的ｃｌａｓｓ值，和ｉｄ（‘＃pay-item’）不一样

input[name=pay-item] 为单选框的name;

 $(‘.pay-item‘).bind(‘click‘,function(e){

 $(this).find(‘input[name=pay-item]‘)[0].checked = true;}

遇到在ｈａｎｄｌｅｂａｒ上的写法

$(‘body‘).on(‘click‘, ‘.pay-item‘, function(e){
    $(this).find(‘input[name=pay-item]‘)[0].checked = true;
})

时间： 2024-08-10 14:58:32

jquery 单选框整个选中的相关文章

JQuery单选框设置选中

使用$(selector).val('value').attr('checked',true),会导致DOM上所有的单选/复选的value都会变成 value 解决办法:使用 $("[name="XXX"[value=XXX]]").attr('checked',true)

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&

jquery单选框复选框表格高亮选中

单选框: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head&g

一款带有CSS的单选框以及选中事件

html <div class="radio radio-success"> <input type="radio" value="1" name="radioSingle1" id="rdoCreativeStar" checked="checked" aria-label="Single radio Two"> <label for=

Robot Framework与Web界面自动化测试学习笔记：如何判断单选框的选中状态

单选按钮是个常见的html元素,在网页中往往提供一组单选按钮来做选项. 这样在自动化测试用例中需要判断当前选中的按钮是否与预期的一直. 可以这样来操作: ${value} Get Element Attribute xpath=//form[@id='xxx']/*/input[@value='yyy']@checked 上面的关键字Get Element Attribute是获取html元素的指定属性的属性值.该关键的字的参数是元素定位符后加上@要获取的属性名上面例子是获取 c

获取单选框的选中value

var Role = $('input:radio[name="radio"]:checked').val(); if (Role == null) { alert("什么也没选中!"); return false; }

jQuery单选框的回显

代码示例: html: 1 <div class="col-lg-4"> 2 <label class="radio-inline"> 3 <input type="radio" name="gender" value="1" id="s1"> 男 4 </label> 5 <label class="radio-inlin

Jquery默认选中单选框radio第一个、选中指定值的单选框

概述当页面加载时,指定区域的单选框默认选中第一个:用户勾选单选框之后,再次回到页面时,需要选中上次勾选的单选框 JS 选中指定id为"admin-content-task"中的某个radio // 页面隐藏域的值 var platIdVal = $("#platIdVal").val(); // 如果platIdVal为空,说明没有勾选单选框 if(platIdVal==null || platIdVal == ''){ // 默认选中平台单选框的第一个 $(&q

下拉框和单选框复选框的选中的值

1.下拉框的选中值 <select id="select"> <option value="1">1</option> <option value="2">2</option> </select> 第一种:$("select option:checked").val(); 第二种:$("#select").find("opti