1.单选框
<html>
<head>
<script type="text/javascript">
function check(fruit)
{
alert("你喜欢的水果是："+fruit)
}
</script>
</head>
<body>
<p>您喜欢哪种水果？</p>
<form>
<input type="radio" name="fruit" onclick="check(this.value)" value="苹果">apple<br />
<input type="radio" name="fruit" onclick="check(this.value)" value="香蕉">banana<br />
<input type="radio" name="fruit" onclick="check(this.value)" value="梨">pear<br />
</form>
</body>
</html>
2.复选框
<html>
<head>
<script type="text/javascript">
function createOrder()
{
food=document.forms[0].food
txt=""
for (i=0;i<food.length;++ i)
{
if (food[i].checked)
{
txt=txt + food[i].value + " "
}
}
alert("您订购的早点有： " + txt)
}
</script>
</head>
<body>
<p>你需要什么样的早点？</p>
<form>
<input type="checkbox" name="food" value="油条">油条<br />
<input type="checkbox" name="food" value="豆浆">豆浆<br />
<input type="checkbox" name="food" value="鸡蛋">鸡蛋<br />
<br />
<input type="button" onclick="createOrder()" value="发送订单">
<br />
</form>
</body>
</html>
3.下拉框
<html>
<head>
<script type="text/javascript">
function changeFruit()
{
var myselect=document.getElementById("mySelect")
alert(myselect.options[myselect.selectedIndex].text)
if(myselect.options[myselect.selectedIndex].text == "桃子")
{
myselect.disabled = true;
}
}
function enable()
{
document.getElementById("mySelect").disabled=false
}
</script>
</head>
<body>
<form>
<select id="mySelect" onchange="changeFruit()">
<option></option>
<option>苹果</option>
<option>桃子</option>
<option>香蕉</option>
<option>桔子</option>
</select>
<br />
<input type="button" onclick="enable()" value="启用列表">
</form>
</body>
</html>
分享到：
相关推荐
本文主要介绍PyQt5界面最基本使用的单选按钮、复选框、下拉框三种控件的使用方法进行介绍。 1、RadioButton单选按钮/CheckBox复选框。需要知道如何判断单选按钮是否被选中。 2、ComboBox下拉框。需要知道如何对...
jQuery UI提供了一套完整的UI元素样式，包括自定义的复选框和单选按钮。 #### jQuery UI Multiselect 插件 jQuery UI Multiselect是jQuery UI的一个扩展，它将传统的多选框转变为可配置的下拉列表，提升了用户体验...
Vue.js中表单元素的取值问题，尤其是单选按钮、复选按钮和下拉列表，有其特殊性。了解和掌握这些特性能帮助我们在开发中更好地处理表单数据，实现更加流畅的用户交互体验。在实际应用中，通常建议为单选按钮和复选...
- `$("#chk_id").attr("checked", '')` 或 `$("#chk_id").removeAttr("checked")` 取消复选框的选中状态。 - `$("#chk_id").attr("checked", true)` 设置复选框为选中状态。 - 判断复选框是否选中：`if ($("#chk_...
- `$("#checkbox_id").attr("value")` 获取复选框的值。 - `$('#select_id').val()` 获取下拉列表（SELECT）被选中项的值。 2. **赋值方法**： - `$("#text_id").attr("value", '')` 清空文本框或文本区域的内容...
无论是文本框、文本区域、单选按钮、复选框还是下拉框，jQuery提供的方法都大大简化了前端开发者与这些表单元素交互的代码量和复杂度。 最后，本文还介绍了如何使用jQuery操作select下拉框的选中项。获取下拉框中选...
4. **复选框（Checkbox）的取值**： - 获取复选框的值：`var checkboxval = $("#checkbox_id").attr("value")`。 5. **下拉列表（Select）的取值**： - 获取下拉列表的值：`var selectval = $('#select_id').val...
在jQuery中，处理表单元素，特别是像单选按钮（radio）、复选框（checkbox）和下拉选择（select）这样的交互元素，是常见的需求。下面我们将详细探讨jQuery中如何对这些元素进行取值、设置选中状态以及其他相关操作...
对于复选框（checkbox）： ```javascript // 获取值 var checkboxval = $("#checkbox_id").attr("value"); // 操作状态 $("#checkbox_id").attr("checked", ''); // 未勾选 $("#checkbox_id").attr("checked", true...
本文将详细讲解jQuery如何对HTML元素进行取值与赋值，特别关注文本框（TEXTBOX）、标签（LABLE）、单选按钮（Radio）、复选框（Checkbox）以及下拉列表（Select）。 1. **文本框（TEXTBOX）** - 取值：使用`.val()...
除了基本的取值和赋值，jQuery还提供了其他操作，如检查单选按钮或复选框是否被选中，或者改变选中状态。例如，`$("#chk_id").attr("checked", "checked")`可以勾选复选框，`$("#chk_id").attr("checked", "");`则...
对于表单中的各种输入控件（如文本框、复选框等），我们可以使用 `.val()` 方法来获取它们的值。 **示例代码：** ```javascript // 获取文本框的值 var txtValue = $("#txtInput").val(); // 获取单选按钮的值 var...
- 获取选中的复选框的值：`var checkboxVal = $("#checkbox_id").attr("value");` 5. **下拉框（SELECT）**： - 获取下拉框中被选中项的值：`var selectVal = $('#select_id').val();` #### jQuery 元素的赋值 ...
### jQuery 处理表单元素的代码 ...无论是单行文本输入框、密码输入框、单选框、复选框还是下拉框等，都可以使用统一的 `.val()` 方法来操作。这对于简化前端开发流程、提高开发效率具有重要意义。
9. 获取复选框`checkbox`、单选按钮`radio`和下拉框`select`的值：使用`attr("value")`或`val()`。对于单选组，可以使用`$("input[type=radio][checked]").val()`获取被选中的值；对于下拉框，使用`$('#sel').val()`...
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
首先，看到代码片段，这是一个基于ASP.NET的网页，其中包含了一些基本的HTML元素，如文本框、密码框、复选框、隐藏字段、单选按钮以及下拉列表，所有这些都是为了演示jQuery的选择器和取值功能。 1. **jQuery选择器...
- 对于开关型的复选框（`switch`皮肤），layui提供了一个特殊的值，如`name：“off_on”`，赋值时可以传递`true`或`false`。 - 对于多选框，layui默认的取值方式可能不符合后台的要求，我们需要手动处理，将其转换...