如何通过js让一个变灰?

时间:2022-09-03 15:06:30
html部分
<td style='text-align:right'>
<select id="dtimeval" style="width:80px; ">
<option value="5">&emsp;每5秒</option>
<option value="10">&emsp;每10秒</option>
   <option value="15">&emsp;每15秒</option>
   <option value="20">&emsp;每20秒</option>
</select>
</td>
<input type="button" value="测试按钮1"> 
<input type="button" value="测试按钮2"> 
如何写一个js函数来控制id=dtimeval?
也就是点击测试按钮1让id=dtimeval变灰不可点击,
然后点击测试按钮2让id=dtimeval变回正常可点击。。。

2 个解决方案

#1



$("#input1").bind('click', function(){
$("#dtimeval").attr('disable', true);
});
$("#input2").bind('click', function(){
$("#dtimeval").attr('disable', false);
});

#2


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
</style>
<script>
function test(id,state)
{
var current = document.getElementById(id);
current.disabled = state;
}

</script>
</head>

<body>
<select id="dtimeval" style="width:80px; ">
<option value="5">&emsp;每5秒</option>
<option value="10">&emsp;每10秒</option>
   <option value="15">&emsp;每15秒</option>
   <option value="20">&emsp;每20秒</option>
</select>
<input type="button" value="测试按钮1" onClick="test('dtimeval',true);"> 
<input type="button" value="测试按钮2" onClick="test('dtimeval',false);"> 
</body>
</html>

#1



$("#input1").bind('click', function(){
$("#dtimeval").attr('disable', true);
});
$("#input2").bind('click', function(){
$("#dtimeval").attr('disable', false);
});

#2


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
</style>
<script>
function test(id,state)
{
var current = document.getElementById(id);
current.disabled = state;
}

</script>
</head>

<body>
<select id="dtimeval" style="width:80px; ">
<option value="5">&emsp;每5秒</option>
<option value="10">&emsp;每10秒</option>
   <option value="15">&emsp;每15秒</option>
   <option value="20">&emsp;每20秒</option>
</select>
<input type="button" value="测试按钮1" onClick="test('dtimeval',true);"> 
<input type="button" value="测试按钮2" onClick="test('dtimeval',false);"> 
</body>
</html>