jquery 单选框整个选中
Posted MAKE-IN-中国
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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; })
if (
$(e)
.find(".edit-item")
.prop("checked")
) {
$(e)
.find(".edit-item")
.prop("checked", false);
} else {
$(e)
.find(".edit-item")
.prop("checked", true);
}
以上是关于jquery 单选框整个选中的主要内容，如果未能解决你的问题，请参考以下文章
javascript [jQuery单选框选中与取消选中应用]记录jQuery使用过程中单选框选中与取消选中的坑。 #JS #jQuery #input #radio