老师你好，怎样实现勾选checkbox warraanty后，在文本框service fee里显示出85$

浮水的木吉他 2022-10-22

收起

1回答

好帮手慕小猿 2022-10-22 11:39:35

同学，你好！可以写个函数，点击checkbox 时，看是否选中，若选中，将85$赋值给input 框的value属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

    </style>
</head>
<body>
<input type="checkbox" name="test" id="test"/>
<input type="checkbox" name="test" id="test1"  onclick="fun()"/>
<input type="text" name="val" id="val" value="">
</body>
<script >
    function fun(){
        checked=document.getElementById("test1").checked
        alert(typeof(checked))
        if (checked) {
            alert("sd")
            document.getElementById("val").value="85$"
             }
    }
</script>
</html>

祝学习愉快~

收起回答

提问者浮水的木吉他 #1

老师你好功能已经实现了但是有一个问题是我勾选checkbox后，需要点击文本框一下85￥才能跳出来，有没有方法可以点击checkbox后文本框值自动跳出来

2022-10-22 11:56:56

提问者浮水的木吉他 #2

<label for="service">Service Fee:*</label>
              <input type="text" id="service" readonly="readonly" onclick="warranty()"><br>

function warranty(){
    let checked = document.getElementById('warranty').checked
    if(checked){
       document.getElementById('service').value='85$'
    }else{
        document.getElementById('service').value=''
    }
}

2022-10-22 12:07:36