js设置input值被选中

<input type="text" id="myInput">
<button onclick="selectInput()">Select Input</button>

<script>
function selectInput() {
    var input = document.getElementById('myInput');
    input.value = '这是新设置的值';
    input.select(); // 选中输入框的内容
}
</script>

<input type="radio" name="gender" value="male" id="male">
<label for="male">Male</label>
<input type="radio" name="gender" value="female" id="female">
<label for="female">Female</label>
<button onclick="selectRadio()">Select Male</button>

<script>
function selectRadio() {
    document.getElementById('male').checked = true; // 设置为选中状态
}
</script>

<input type="checkbox" id="agree">
<label for="agree">I agree to the terms and conditions</label>
<button onclick="selectCheckbox()">Agree</button>

<script>
function selectCheckbox() {
    document.getElementById('agree').checked = true; // 设置为选中状态
}
</script>

window.onload = function() {
    var input = document.getElementById('myInput');
    input.value = '这是新设置的值';
    input.select();
};