ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html input 标签 的text和button类型 readonly和disabled属性

2019-11-24 20:00:51  阅读:258  来源: 互联网

标签:function console log val text button disabled checked attr


<input type="text" id="txtid" value="哈哈哈"/><br/><!--可手动修改值-->
<input type="text" id="txtidreadonly" value="哈哈哈" readonly/><br/><!--不可手动修改值-->
<input type="text" id="txtiddisabled" value="哈哈哈" disabled/><br/><!--不可手动修改值-->
<input type="button" value="settext" onclick="setfunc1()"/><br/>
<input type="button" value="gettext" onclick="getfunc1()"/><br/>

<input type="checkbox" id="cbid" />嘿嘿<br/><!--可手动点击复选框-->
<input type="checkbox" id="cbidreadonly" readonly/>嘿嘿<br/><!--可手动点击复选框-->
<input type="checkbox" id="cbiddisabled" disabled/>嘿嘿<br/><!--不可手动点击复选框-->
<input type="button" value="setcbx" onclick="setfunc2()"/><br/>
<input type="button" value="getcbx" onclick="getfunc2()"/><br/>
function setfunc1(){
    $("#txtid").val("1111");
    $("#txtidreadonly").val("1111");
    $("#txtiddisabled").val("1111");
}

function getfunc1(){
    console.log($("#txtid").val());
    console.log($("#txtidreadonly").val());
    console.log($("#txtiddisabled").val());
}

function setfunc2(){
    $("#cbid").attr("checked", true);
    $("#cbidreadonly").attr("checked", true);
    $("#cbiddisabled").attr("checked", true);
}
function getfunc2(){
    console.log($("#cbid").attr("checked"));
    console.log($("#cbidreadonly").attr("checked"));
    console.log($("#cbiddisabled").attr("checked"));
}

 

标签:function,console,log,val,text,button,disabled,checked,attr
来源: https://www.cnblogs.com/xuqiulin/p/11923955.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有