‘壹’ 如何用jquery获取input中输入的值
1、获取input的checked值是否为true:
//第一种:
if($("input[name=item][value='val']").attr('checked')==true)//判断是否已经打勾--注:name即控件name属性,value即控件value属性
//第二种:
可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式:
if($("input[name=row_checkbox]").attr('checked')==true)
//第三种:
if($("[name=row_checkbox]").attr('checked')==true)--注:name即控件name属性
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关文章分类:Web前端:
2、radio:
//获取一组radio被选中项的值:
varitem=$('input[name=items][checked]').val();--注:name即控件name属性
//radio单选组的第二个元素为当前选中项:
$('input[@name=items]').get(1).checked=true;
//或
$('input[name=items]').attr("checked",'1′);
//radio的value='val'的元素为当前选中项:
$('input[name=items][value='val']').attr("checked","checked");
//radio设置value=2的元素为当前选中项:
$("input[type=radio]").attr("checked",'2′);
//radio被选中项的value值:
$("input[name='radio_name'][checked]").val();
//根据Value值设置Radio为选中状态:
$("input[name='radio_name'][value='要选中Radio的Value值'").attr("checked",true);
3、select:
//获取select被选中项的文本:
varitem=$("select[@name=items]option[@selected]").text();
//或
varitem=$("select[name=items]").find("option:selected").text();
//select下拉框的第二个元素为当前选中值:
$('#select_id')[0].selectedIndex=1;--注:select_id'即控件的id属性
//select下拉框value='val'的元素为当前选中项:
$("select[name=items]option[value='val']").attr("selected","selected");
//select设置value=-sel3的项目为当前选中项:
$("#sel").attr("value",'-sel3′);--注:sel即select控件的id属性
//添加下拉框的option:
$("<optionvalue='1′>1111</option><optionvalue='2′>2222</option>").appendTo("#sel");
//select清空:
$("#sel").empty();
4、checkbox:
//checkbox的第二个元素被打勾:
$("input[name=items]").get(1).checked=true;//打勾
//checkbox的value='val'的元素打勾:
$("input[name=item][value='val']").attr("checked",true);
或$("input[name=item][value='val']").attr("checked","checked");
//判断checkbox是否已经打勾:
if($("input[name=item][value='val']").attr('checked')==true)
//jQuery获取CheckBox选择的Value值:
//选择被选中CheckBox元素的集合如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).each(function(){
arrChk+=this.value+',';//遍历被选中CheckBox元素的集合得到Value值
});
//checkbox的checked属性:
$("#checkbox_id").attr("checked");//获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true);//设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false);//设置一个CheckBox的状态为不选中(checked=false)
//根据上面三条,分析分析这句代码的意思:
$("input[name='checkbox_name']").attr("checked",$("#checkbox_id").attr("checked"));
--注:根据控件checkbox_id的checked状态为name='checkbox_name'的input赋相同的checked状态
5、获取值:
//文本框,文本区域:
$("#txt").attr("value");
//多选框checkbox:
$("input[name='checkbox':checked]").each(function(){
varval=$(this).val();
});
//单选组radio:
$("input[type=radio][checked]").val();
//下拉框select的value值:
$('select').val();
//下拉框select选中的text值:
$("select").find("option:selected").text();
//文本框,文本区域:
$("#txt").attr("value",");//清空内容
$("#txt").attr("value",'11′);//填充内容
6、事件:
//当对象text_id获取焦点时触发:
$("#text_id").focus(function(){
//code...
});
//当对象text_id失去焦点时触发:
$("#text_id").blur(function(){
//code...
});
7、其他:
//使文本框的Vlaue值成选中状态:
$("#text_id").select();
$("#text_id").val().split(",");//将Text的Value值以','分隔返回一个数组
‘贰’ 在js中如何获取input标签的text值
1、首先打开开发工具,新建一个【HTML文件】,如下图所示。
‘叁’ javascript怎样取input标签里的值
1、JavaScript原生方式,通过value属性取值。vara=document.getElementById("nn").value;
2、jquery方法,通过val()方法来获取,代码是 var a = $("#nn").val();
(3)前端取输入框的值扩展阅读:
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
‘肆’ js怎么获取input的输入的值
1、如图所示,【右键单击项目】,选择【添加新项】,先添加一个页面。
‘伍’ JS获取文本框的值
方法一:
var name = document.getElementById("name").value;
alert(name);
方法二:
name = form1.name.value;
alert(name);
方法三: jquery
name = $("#name").val();
alert(name);
方法四:jquery
name = $("input[id='name']").val();
alert(name);
方法五:jquery
name = $("#name").attr("value");
alert(name);
方法六:jquery
name = $("input[id='name']").attr("value");
alert(name);
}
‘陆’ HTML网页怎样获取input的值
1、可以使用Jquery获取input框的值,新建Html文件,初始化文档,可以从CDN引入Jquery文件,也可以下载Jquery文件到本地,这里选择将其下载到本地:
‘柒’ js如何获取input输入框中输入的值
1、首选打开sublimetext 3编辑器创建一个html文件,然后创建一个按钮和一个输入框:
‘捌’ 在js在怎样获取用户输入在<input type="text"/>中的值
在head中引用jquery:
<script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
2.定义一个text输入框:
<input type="text" value="" id="inputValue"/>
3.在自定义函数中根据id获取此text的值:
var temp = $('#inputValue').val();//获取值
alert(temp);//显示
4.将输入的 字符串根据 ","分割:
var temp = $('#inputValue').val();
var getStr = temp.split(",");
5.定义一个对象,并打印输入这个对象的值:
var jsonData = {};
jsonData.MainCmdID = 9100;//游戏消息 MDM_GF_GAME
jsonData.SubCmdID = 9012;//用户出牌SUB_C_OUT_CART_WEB
jsonData.ChairID = 0;
jsonData.CardCount = getStr.length;
jsonData.CardData = temp;
var str = JSON.stringify(jsonData);
alert(str);
输出 text中输入的值:
‘玖’ 如何获取HTML中用户输入到文本框中的内容
原生JS:
var oInput =document.getElementById("app") //获取一个id为app的输入框元素;
var getHtml = oInput.innerHTML //获取该元素的内容并赋值给getHTML;
(9)前端取输入框的值扩展阅读:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
‘拾’ html 点击按钮获取input文本框里面的值
可以使用输入框的val()方法来获取input的值,给按钮绑定点击事件触发弹出该输入框的值。
工具原料:编辑器、浏览器
1、解决的思路就是给一个按钮绑定点击事件,然后参数该输入框的值,代码如下:
<html>
<head>
<scripttype="text/javascript"src="libs/jquery/2.1.4/jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(":text").val());
});
});
</script>
</head>
<body>
<p>Name:<inputtype="text"name="user"value=""/></p>
<button>改变文本域的值</button>
</body>
</html>
2、运行的结果如下: