三种取消选中单选框radio的方法_radio取消选中,radio单选按钮怎么取消选中

jquery

radio

59 浏览量更新于2023-03-16 评论收藏 30KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

三种取消选中单选框三种取消选中单选框radio的方法的方法

本文提供了三种取消选中radio的方式，代码示例如下:

本文依赖于jQuery,其中第一种，第二种方式是使用jQuery实现的，第三种方式是基于JS和DOM实现的。

<!DOCTYPE HTML>

<html>

<head>

<title>单选按钮取消选中的三种方式</title>

</script>

$(function(){

var $browsers = $("input[name=browser]");

var $cancel = $("#cancel");

var $byhide = $("#byhide");

var $remove = $("#remove");

$cancel.click(function(e){

// 移除属性,两种方式都可

//$browsers.removeAttr("checked");

$browsers.attr("checked",false);

});

$byhide.click(function(e){

// 切换到一个隐藏域,两种方式均可

//$("#hidebrowser").attr("checked",true);

$("#hidebrowser").attr("checked","checked");

});

$remove.click(function(e){

// 直接去的DOM元素,移除属性

// 如果不使用jQuery,则可以移植此方式

var checkedbrowser=document.getElementsByName("browser");

$.each(checkedbrowser, function(i,v){

v.checked = false;

v.removeAttribute("checked");

});

var len = checkedbrowser.length;

var i = 0;

for(; i < len; i++){

// 必须先赋值为false,再移除属性

checkedbrowser[i].checked = false;

// 不移除属性也可以

//checkedbrowser[i].removeAttribute("checked");

}

});

</script>

</head>

<body>

<p>您喜欢哪款浏览器？</p>

<form>

<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />

<input type="radio" name="browser" value="Firefox">Firefox<br />

<input type="radio" name="browser" value="Netscape">Netscape<br />

<input type="radio" name="browser" value="Opera">Opera<br />

<br />

</form>

</body>

</html>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38632916

粉丝: 4
资源: 966

会员权益专享

三种取消选中单选框radio的方法

评论0

会员权益专享

最新资源

三种取消选中单选框radio的方法

评论0

单选按钮(radio)的取消与选中

C语言C++零基础到实战——大新企业内部技术免费公开课文档.doc

微信小程序如何实现radio单选框单击打勾和取消

elementui单选框radio，点击单选框取消选中

js单选框点击取消选中

vue单选框点击取消选中

uniapp单选框选中取消

input单选框选中与取消

原生Radio单选框

antd radio取消选中

html单选框如何改变

jquery radio 选中

vue中点击单选框时，如果为打开按钮，单选框不能被选中

但是单选框还有触发弹出框事件，Radio.Group绑定了属性

多个radio实现单选

autohotkey radio默认选中

element 表格前带单选框

vcmfc中怎么默认勾选radio单选框

checkbox改成radio效果，单选，取消

会员权益专享

最新资源