<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./jquery-1.11.0.js"></script> </head> <body> <script> var calltransfer = $('input[name=calltransfer]:checked').val() var check = $("#calltransfer_Y").is(':checked') //是否开通呼叫转移 function check_calltransfer(obj) { if ("Y" == obj) { if ($("#calltransfer_Y").is(':checked')) { $("#calltransfer_N").prop("checked", false); } else { $("#calltransfer_Y").prop("checked", true); } } if ("N" == obj) { if ($("#calltransfer_N").is(':checked')) { $("#calltransfer_Y").prop("checked", false); } else { $("#calltransfer_N").prop("checked", true); } } // console.log(calltransfer); // console.log(check); console.log($('input[name=calltransfer]:checked')); } </script> <table> <tr style="border-bottom: 1px solid #ddd;"> <td> <div style="width:150%;margin: 0.2rem 0 0.2rem;"><span>*是否开通呼叫转移:</span> </div> </td> <td style='text-align: center;'> <input type='checkbox' style='display:inline-block;' id='calltransfer_Y' name='calltransfer' value='Y' onclick="check_calltransfer('Y')">是 <input type='checkbox' style='display:inline-block;' id='calltransfer_N' name='calltransfer' checked='checked' value='N' onclick="check_calltransfer('N')">否 </td> </tr> </table> </body> </html>
时间: 2024-04-20 22:27:15 浏览: 77
这是一个包含一个表格和两个复选框的 HTML 页面。其中,表格只有一行两列,左侧列显示“是否开通呼叫转移”的文字描述,右侧列显示两个复选框,一个用于选择“是”,一个用于选择“否”。当用户点击其中一个复选框时,会触发 onclick 事件调用 check_calltransfer 函数,该函数会将另一个复选框的选中状态设置为相反的状态。同时,该页面使用了 jQuery 库中的 $() 函数来获取被选中的复选框的值,并将其打印到控制台上。
相关问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <style>
抱歉,作为AI,我无法在这里展示CSS样式。但是,您可以在`<style>`标签中编写CSS样式,然后将其应用于网页中的HTML元素。例如,可以通过以下方式将样式应用于段落元素:
```
<style>
p {
color: blue;
font-size: 16px;
}
</style>
<p>This is a paragraph.</p>
```
这将使段落元素的文本颜色变为蓝色,字体大小为16像素。
解释<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Freelancer - Start Bootstrap Theme</title>
这段代码是HTML文档的头部,其中包含了一些元信息(metadata),包括文档的字符编码、浏览器兼容性设置、页面视图配置以及页面描述信息等等。具体来说,这段代码中:
- `<!DOCTYPE html>` 声明文档类型为HTML5
- `<html lang="en">` 开始一个HTML文档,设置文档语言为英语
- `<head>` 开始文档头部
- `<meta charset="utf-8">` 设置文档的字符编码为UTF-8
- `<meta http-equiv="X-UA-Compatible" content="IE=edge">` 告诉浏览器使用最新的IE版本渲染页面
- `<meta name="viewport" content="width=device-width, initial-scale=1">` 设置页面在移动设备上的视图大小和缩放比例
- `<meta name="description" content="">` 设置页面的描述信息
- `<meta name="author" content="">` 设置页面的作者信息
- `<title>Freelancer - Start Bootstrap Theme</title>` 设置页面的标题。
阅读全文