<script type="text/javascript">
<!--
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}
// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}
//-->
</script>
<form name="radioExampleForm" method="get" action="" onsubmit="return false;">
<p><label for="number0"><input type="radio" value="0" name="number" id="number0"> Zero</label>
<label for="number1"><input type="radio" value="1" name="number" id="number1"> One</label>
<label for="number2"><input type="radio" value="2" name="number" id="number2"> Two</label>
<label for="number3"><input type="radio" value="3" name="number" id="number3"> Three</label>
<label for="number4"><input type="radio" value="4" name="number" id="number4"> Four</label>
<p><input type="button" onclick="alert('Checked value is: '+getCheckedValue(document.forms['radioExampleForm'].elements['number']));" value="Show Checked Value">
<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '2');" value="Set Checked to Two">
<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '4');" value="Set Checked to Four">
<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '');" value="Uncheck All">
</form>
分享到：
相关推荐
### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中，`<select>` 标签用于创建下拉列表，通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...
本文将通过一个简单实例，讲解如何在JavaScript中获取JSP表单中单选按钮（radio）类型的值。 首先，我们需要了解单选按钮（radio）在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值，它通常使用`...
如果你想通过JavaScript或jQuery来设置某个radio为选中状态，可以使用attr方法来设置checked属性。例如： ```javascript $("#radio2").attr("checked", "checked"); // 将id为radio2的radio设置为选中状态 ``` 这...
本项目展示了如何在JSP页面中使用`radio`控件，结合JavaScript进行用户交互处理，如判断是否选中以及获取选中的`radio`控件的值。 首先，我们来理解`radio`控件的基本结构。在HTML中，`<input>`标签用于创建`radio`...
document .getElementById ("USRNUM").value=Radio [j].value; } } }function RadioCheck() { var Radio=document .getElementsByName ("rdoSelect"); for (var j=0;j<Radio .length ;j++) { if (Radio[j]....
input type=”checkbox” value=”lol”/>lol var lol = document.getElementsByTagName(“input”)[0]; 1、HTML DOM a.lol.checked = true; 属性的值可以不是lol，只要转为布尔值的时候为true就可以，取值时...
这行代码通过`:checked`选择器定位所有选中的`<input type="radio">`，然后调用`val()`获取其`value`属性。 #### 2. 设置特定`<input>`为选中状态 ```javascript $('input[@name=items]').get(1).checked = true; `...
在这个问题中，开发者遇到了设置radio按钮checked属性的困扰。以下是对这个话题的详细解析。 首先，`checked` 属性是HTML中的一个布尔属性，用于表示单选按钮是否被选中。在JavaScript或jQuery中，设置这个属性通常...
例如，在JavaScript中，你可以监听Radio按钮的change事件，如下所示： ```javascript document.querySelectorAll('input[type="radio"]').forEach(function(radio) { radio.addEventListener('change', function()...
消息通知 <input name=is_notice value=1 type=radio title=通知 checked=> <input name=is_notice value=0 type=radio title=不通知> JS用ajax去后端取回数据： $.get
<script language=javascript> function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } ...
<input type="radio" id="radio1" name="radios" value="1"> <span class="custom-radio"> ``` 2. **CSS 样式**：为`<input>`和`.custom-radio`添加基本样式。在现代浏览器中，我们可以使用`:checked`伪类来改变...
var flag = $("input[id='radio1']").prop("checked"); ``` **解释：** - `$("input[id='radio1']")`: 选择ID为`radio1`的`<input>`元素。 - `.prop("checked")`: 获取所选元素的`checked`属性值。如果是`true`则...
如果radio不是集合（即没有length属性），并且type属性为"radio"，则直接返回该单选按钮的值，前提是它已被选中（checked属性为true）。 2. 接下来，函数检查传入的参数是否为单选按钮组。如果不是input元素或type...
本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先，Radio按钮在HTML中的基本结构如下： ```html <input type="radio" id="option1" name="options" value="1"> ...
console.log('Radio value changed:', this.value); }); ``` 二、jQuery操作Checkbox复选框 Checkbox则允许用户多选，我们同样可以使用`.prop()`或`.attr()`来检查或取消选中，使用`.is()`检查是否已被选中。 ...
$("input[name='radio_name'][value='特定的Value值']").attr("checked", true); ``` #### 5. 获取和设置CheckBox的Value值 复选框的使用场景与单选框类似，但用户可以选择多个选项。获取所有被选中的复选框的值...
<s:set name="checked" value="'checked'" /> <s:set name="checked" value="''" /> <s:set name="disabled" value="'disabled'" /> <s:set name="checked" value="''" /> <input type="radio" ...