Question

JavaScript功能（此处f1()）未在单选按钮上调用（此处为id = iprange）onclick事件。

HTML

＆＃13;

function f1() {
    alert('yes');
}

＆＃13;

<form role="form">
    <div class="box-body">
        <label>
            <input type="radio" name="optionsRadios" id="fullscan1" value="option1" /> Full Scan
        </label>

        &nbsp;&nbsp;&nbsp;&nbsp;


<!-- "IP Range" is the radio button that should show a "yes" alert. -->
        <label>
            <input type="radio" name="optionsRadios" id="iprange" value="option2" onclick="f1();" /> IP Range

        </label>
        From:
        <input type="text" id="text1"> To:
        <input type="text" id="text2"> &nbsp;&nbsp;&nbsp;&nbsp;


        <label>
            <input type="radio" name="optionsRadios" id="subnet" value="option3" /> Subnet

        </label>
        <input type="text" id="text3"> &nbsp;&nbsp;&nbsp;&nbsp;


        <button class="btn btn-danger">Scan</button>
    </div>

</form>

＆＃13;

Answer 1

@Suresh Kota。在这一点上，不可能给出令人满意的答案，你将不得不一步一步地进行调查。从以下开始，并在此处发布您的结果。

<head>
    ....
    <script> // your script tag, I assume it looks like this
        $(document).ready(function() {
            /* some code */
        });
        // now include your function as last line outside document ready
        function f1() {alert('yes');};
    </script>
    <!-- Make sure this is the only script tag in your html -->
    ....
</head>

如果这样做无效，请重命名您的功能，例如function xxx() {alert('yes');};

与输入标记中的onclick-attribute相同：onclick="xxx()"。

如果没有成功，请直接尝试：onclick="alert('yes')"

如果这一切都行不通，那么你的文档中就会有一些东西可以操作按钮，你应该发布该代码。

Answer 2

试试这个：

<input type="radio" name="optionsRadios" onclick="handleClick(this);" value="option1" />
<input type="radio" name="optionsRadios" onclick="handleClick(this);" value="option2" />
...

<script>
function handleClick(myRadio) {
    alert('New value: ' + myRadio.value);
}
</script>

Answer 3

<label onclick="red()"><input type="radio" name="colors" id="red">Red</label>
或
<label onclick="red()"><input type="radio" name="colors" id="red"></label> <label for="red">Red</label>

<script>
function red(){
 alert('i am red');
}
</script>

如果你想在单选按钮上调用onclick功能，那么你可以这样使用，它会对你有用

注意：我们必须在标签上调用功能而不是单选按钮

单击单选按钮上的功能无效

3 个答案: