htmlradio动态赋值（html中id是动态的时候jq怎么去遍历赋值啊）

本文目录

• html中id是动态的时候jq怎么去遍历赋值啊
• 如何在html中获取被选中的radio的值
• 在html中有一个radio，怎样用js得到radio的默认值，当radio选项变换时，又怎样得到它的属性值
• 如何将radio中的value值赋值到变量
• jsp中如何获取多组radio的值，组数是动态变化的，input name如何赋值
• 关于Extjs 中htmlEditor的问题，怎么动态的在htmleditor初始化时赋值，默认值就不要了
• javascript radio给input文本框赋值问题

html中id是动态的时候jq怎么去遍历赋值啊

JQUERY的选择器很强大的，你可以参考下下面的。不过加一个CLASS可能会简单些。
$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素
$("div") 选择所有的div标签元素，返回div元素数组
$(".myClass") 选择使用myClass类的css的所有元素
$("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass")
层叠选择器：
$("form input") 选择所有的form元素中的input元素
$("#main 》 *") 选择id值为main的所有的子元素
$("label + input") 选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
$("#prev ~ div") 同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签
基本过滤选择器：
$("tr:first") 选择所有tr元素的第一个
$("tr:last") 选择所有tr元素的最后一个
$("input:not(:checked) + span")
过滤掉：checked的选择器的所有的input元素
$("tr:even") 选择所有的tr元素的第0，2，4... ...个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始）
$("tr:odd") 选择所有的tr元素的第1，3，5... ...个元素
$("td:eq(2)") 选择所有的td元素中序号为2的那个td元素
$("td:gt(4)") 选择td元素中序号大于4的所有td元素
$("td:ll(4)") 选择td元素中序号小于4的所有的td元素
$(":header")
$("div:animated")
内容过滤选择器：
$("div:contains(’John’)") 选择所有div中含有John文本的元素
$("td:empty") 选择所有的为空（也不包括文本节点）的td元素的数组
$("div:has(p)") 选择所有含有p标签的div元素
$("td:parent") 选择所有的以td为父节点的元素数组
可视化过滤选择器：
$("div:hidden") 选择所有的被hidden的div元素
$("div:visible") 选择所有的可视化的div元素
属性过滤选择器：
$("div") 选择所有含有id属性的div元素
$("input") 选择所有的name属性等于’newsletter’的input元素
$("input") 选择所有的name属性不等于’newsletter’的input元素
$("input") 选择所有的name属性以’news’开头的input元素
$("input") 选择所有的name属性以’news’结尾的input元素
$("input") 选择所有的name属性包含’news’的input元素

$("input") 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
子元素过滤选择器：
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") 返回所有的div元素的第一个子节点的数组
$("div span:last-child") 返回所有的div元素的最后一个节点的数组
$("div button:only-child") 返回所有的div中只有唯一一个子节点的所有子节点的数组

表单元素选择器：
$(":input") 选择所有的表单输入元素，包括input, textarea, select 和 button
$(":text") 选择所有的text input元素
$(":password") 选择所有的password input元素
$(":radio") 选择所有的radio input元素
$(":checkbox") 选择所有的checkbox input元素
$(":submit") 选择所有的submit input元素
$(":image") 选择所有的image input元素
$(":reset") 选择所有的reset input元素
$(":button") 选择所有的button input元素
$(":file") 选择所有的file input元素
$(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域

表单元素过滤选择器：
$(":enabled") 选择所有的可操作的表单元素
$(":disabled") 选择所有的不可操作的表单元素
$(":checked") 选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素

如何在html中获取被选中的radio的值

一般来说,就是使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.

1:找出网页中所有控件的name为"rdPort" 的控件,再遍历判断
var ip="";
var rPort = document.all.rdPort;
for(i=0;i《rPort.length;i++)
{
if(rPort.checked)
ip=rPort.value;
}

和这个相似的还有另一种:
2: var ip="";
var rPort = document.getElementsByName("rdPort");
for(i=0;i《rPort.length;i++)
{
if(rPort.checked)
ip=rPort.value;
}

这两种的差别为::      1为有多个raido时的方法，如果只有一个radio的情况下，则可以直接用ip=document.all.rdPort.value．这时候问题出现了,我们在进行web编程时，经常碰到这样一种场景：即我们事先不知道页面中有多少个radio，也就是说radio的个数是根据数据库中满足某一条件的记录数目决定的．这时候用上面1的方法就不行了．经过研究，发现用下面2的方法可行，是比较通用的.

使用2: 这样不管从数据库中取出的记录是一条还是多条，都可以统一进行处理．比较该段代码和上边那段代码的区别在于：var rPort=document.getElementsByName("rdPort");这一句上边那段代码中是var rPort = document.all.rdPort．我们知道document.getElementsByName("rdPort")就是得到一个数组，该数组中的元素是该dom树中所有name为rdPort的元素，即使只有一个radio，也是一个只包含一个元素的数组．而document.all.rdPort则不同，它是得到页面中的rdPort元素的引用，当页面中存在多个radio时，它返回的是一个数组，如果页面中只包含一个radio，则得到的就是这个radio对象的引用．由于这时得到的不是一个数组，因此就不能遍历数组来进行判断了．所以通用的方法还是用document.getElementsByName方法来实现．

注意:,在2中,不可以用getElementById,来代替getElementsByName,因为getElementById只能选取单个控件.

3:一般来说,我喜欢做成函数,所以,也把这个函数做成函数吧,如下:

function   getRadioBoxValue(radioName)
{
var obj = document.getElementsByName(radioName);             //这个是以标签的name来取控件
for(i   =   0;   i   《   obj.length;   i++)    {
if(obj.checked)    {
return   obj.value;
}
}
return "undefined";
}  

4:javascript radio 全选禁用与取消 ==》实现原理相似,找到所有的radio,遍历设置为禁用,或者选择,或者其它什么,这个就不详细说了,按照上面的方法,在for里换成相应的代码,来达到全选择,或者反选,等

《script language="javascript"》
function checkall(form)//这里是实现设置某一个form里可用不可用
{
for(var i=0;i《form.elements.length-2;i++)
{
var e=form.elements;
if(e.type==’radio’)
e.disabled=form.radio.checked;
}
}
《/script》

***隐藏网址***

keywords: JavaScript, input, radio, checked, value

在html中有一个radio，怎样用js得到radio的默认值，当radio选项变换时，又怎样得到它的属性值

《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》New Web Project《/title》
《script src="jquery-1.7.1.min.js"》《/script》
《script type="text/javascript"》
window.onload= function(){
var inpt= document.getElementById(’myForm’).getElementsByTagName(’input’); //获取表单下所有的input元素
for(var i=0;i《inpt.length;i++){ //遍历获得的input元素
if(inpt.type==’radio’){ //如果是单选按钮
if(inpt.defaultChecked) //页面载入时选中的值
document.getElementById(’text1’).value=inpt.nextSibling.nodeValue; //显示页面载入时选中的值
inpt.onclick=function(){ // input的单击事件
if(this.checked)
document.getElementById(’text2’).value=this.nextSibling.nodeValue; //显示被选中的值
}
}
}
}
// 下面是用jquery实现
$(document).ready(function(){
$(’input:radio’).each(function(){
if(this.checked)
$(’#text1’).val($(this).val());
$(this).click(function(){
if(this.checked)
$(’#text2’).val($(this).val());
});
});
});
《/script》
《/head》
《body》
《form id="myForm"》
《input type="radio" name="rad" checked="checked" value="音乐"/》音乐《br /》
《input type="radio" name="rad" value="美术"/》美术《br /》
《input type="radio" name="rad" value="电影"/》电影《br /》
默认值：《input type="text" id="text1" /》《br /》
选中值：《input type="text" id="text2" /》
《/form》
《/body》
《/html》

如何将radio中的value值赋值到变量

choose(vla)
{
document.getElementById("name").value=vla;
}
《/script》
男:《input type="radio" id="xb" value="男" onclick="choose(this.value)"》
女:《input type="radio" id="xb" value="女" onclick="choose(this.value)"》
《input type="text" name="性别" size="20" id="name" /》

jsp中如何获取多组radio的值，组数是动态变化的，input name如何赋值

jQuery:
var radioListValue;
$.each($(":radio"),function(){
$(this).val("123");//赋值
radioListValue = radioListValue + $(this).val();//取值
});
JavaScript:
var radioListValue;
radioListValue = document.getElementsByName("名字");
for (var i=0;i《radioListValue.length;i++) {
radioListValue.checked=true; //选中
radioListValue.value= “123”;//赋值
}

关于Extjs 中htmlEditor的问题，怎么动态的在htmleditor初始化时赋值，默认值就不要了

你好，Ext一般都是读取json格式数据。htmlEditor属于Ext form表单里的，所以我找到了以前做的一个关于form赋值的代码例子给你贴出来，希望你能有所启示。 代码格式可能有点乱，不过你要相信一点，Ext处理数据一般都会用store。。。还有不懂的话随时问e.....加油哈

注： 重点关注 下面items项内容
function editDept() {
var fp = new Ext.FormPanel({
frame : true,
border : 0,
items : [{
fieldLabel : ’紧急程度’,
xtype : "combo",
store : new Ext.data.JsonStore({
fields : ,
idProperty : ’id’,
data : [{ //这里的数据可以通过Ext ajax与后后台联系，读取后台数据
id : ’c0’,
text : ’清除’,
value : 0
}, {
id : ’c1’,
text : ’《img src="../images/dwbj.gif"》’,
value : 1
}, {
id : ’c2’,
text : ’《img src="../images/dwbj.gif"》《img src="../images/dwbj.gif"》’,
value : 2
}]
}),
valueField : ’id’,// 值,可选
displayField : ’text’,// 显示文本
mode : ’local’,
forceSelection : true,// 必须选择一项
triggerAction : ’all’,// 因为这个下拉是只能选择的，所以一定要设置属性triggerAction为all，不然当你选择了某个选项后，你的下拉将只会出现匹配选项值文本的选择项，其它选择项是不会再显示了，这样你就不能更改其它选项了。
editable : false,// 不允许输入
selectOnFocus : true,
width : 200,
id : ’wenshu’,
listeners : {
’select’ : function(combo, srecord, indexss) {
var array = Ext.getCmp(’mygrid’).getSelectionModel()
.getSelections();
var ids = "";
for (var i = 0; i 《 array.length; i++) {
ids += array.get(’sginfo.sgid’) + ",";
}
Ext.Ajax.request({
url : "sgJyInfo!updJjd.action",
params : {
"jjd" : srecord.get("value"),
"sgids" : ids
},
callback : function(options, success, response) {
var v = Ext.util.JSON.decode(response.responseText);
if (v.suc) {
for (var i = 0; i 《 array.length; i++) {
array.set(’jjd’, srecord.get("value"));
};
_win.close();
} else {
Ext.Msg.alert("提示", v.msg);
}
}
});
}
}
}]
})
var _win = new Ext.Window({
title : "修改处理情况",
height : 83,
modal : true,
width : 370,
// iconCls : _iconCls,
id : "edit_win",
bodyStyle : ’padding:5px 5px’,
items :
});
_win.show();
}

javascript radio给input文本框赋值问题

建议使用JS的mvvm框架实现数据双向绑定，建议使用avalon angular等

纯js解决思路：事件绑定机制

《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》ProtoType《/title》
《script type="text/javascript" src="js/jquery-3.1.1.min.js" 》《/script》
《/head》
《body》
《div disabled》
《input type="radio" name="test" value="aa" checked》aa
《input type="radio" name="test" value="bb"》bb
《/div》
《input type="text" name="test2" 》
《script》
$("input").each(function(){
  
   $(this).click(function(){  //点击选中则进行值切换
       $("input").val(this.value);
   });
}); 
《/script》
《/body》
《/html》