如何用js实现将当前点击的单选按钮变为选中状态？

JavaScript016

如何用js实现将当前点击的单选按钮变为选中状态？,第1张

代码如下：

function doGender(gender) {

if (gender == "男") {

gel("radionan").checked = true

} else {

gel("radionv").checked = true

}

}

扩展资料

JS基础代码：

//定义数组

var pageIds = new Array()

pageIds.push('A')

数组长度

pageIds.length

//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined

var a = [1,2,3,4,5]

var b = a.shift()//a：[2,3,4,5] b：1

//unshift：将参数添加到原数组开头，并返回数组的长度

var a = [1,2,3,4,5]

var b = a.unshift(-2,-1)//a：[-2,-1,1,2,3,4,5] b：7

//注：在IE6.0下测试返回值总为undefined，FF2.0下测试返回值为7，所以这个方法的返回值不可靠，需要用返回值时可用splice代替本方法来使用。

这样：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>JQuery radio</title>

<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>

<script type="text/javascript">

$(function () {

$("input").click(function () {

if ($(this).attr("checked")) {

alert("选中了")

}

})

})

</script>

</head>

<body>

<input type="radio"/>

</body>

</html>

扩展资料：

注意事项

<form>

<input type="radio" id="radio1" />

<input type="button" οnclick="check()" value="选中" />

<input type="button" οnclick="uncheck()" value="取消" />

</form>

function check() {

//被选中

document.getElementById("radio1").checked = true

//被选中时，可以执行的方法

if(document.getElementById("radio1").checked == true){

  console.log('==')

}

}

function uncheck() {

//不选中

document.getElementById("radio1").checked = false

//不被选中时，可以执行的方法

if(document.getElementById("radio1").checked == false){

  console.log('++')

}

}

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html中的<script>标签，输入js代码：

function fun() {

var a = $('input:radio:checked').val()

if (a == 1) {

location.href = 'page1.html'

} else {

location.href = 'page2.html'

}

}

3、浏览器运行index.html页面，选择内容管理，点击登录。

4、此时成功进入到了page2.html页面。