1. 程式人生 > >ie中的radio click()不能觸發radio的change事件

ie中的radio click()不能觸發radio的change事件

jquery版本:1.7.2
瀏覽器版本:ie8
測試程式碼如下,實現的功能是頁面載入後,點選單選框的第一項。使之成為選中的狀態

<html lang="zh-cn">
<head>
    <meta charset="utf-8">
</head>
    <body>
    <input type="radio" name="gender" value="female"><input type="radio" name="gender" value="male"><!--1.7.2-->
<script src="https://code.jquery.com/jquery-1.7.2.min.js" integrity="sha256-R7aNzoy2gFrVs+pNJ6+SokH04ppcEqJ0yFLkNGoFALQ=" crossorigin="anonymous"></script> <!--<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>-->
<script> $("input[name=gender]").on('change',function(){ alert($(this).val()); }); $("input[name=gender]").eq(0).click(); </script> </body> </html>

以上程式碼在ie8中不生效,對話方塊不會彈出,改正方法有2種:
1. 改變jquery的版本,使用新版本的jquery就會彈出對話方塊。這是jquery1.7.2的bug。
2. 將radio的change事件,變成click事件。這個時候就需要判斷單選框的狀態了,程式碼變成下面這樣:

<script>
        $("input[name=gender]").on('click',function(){
        if($(this).prop('checked')){
            alert($(this).val());
            }
        });
        $("input[name=gender]").eq(0).prop('checked',true).click();    
</script>

在專案開發中,因為歷史原因,不能升級jquery版本,只能採取第二種方法,

相關推薦

text框按enter觸發js事件

原文地址:http://blog.sina.com.cn/s/blog_637766d401010gxn.html <head><script>function EnterPress(e){ //傳入 eventvar e = e || window.event;i

[HTML5] radio改變觸發change事件

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

ieradio click()不能觸發radio的change事件

jquery版本:1.7.2 瀏覽器版本:ie8 測試程式碼如下,實現的功能是頁面載入後,點選單選框的第一項。使之成為選中的狀態 <html lang="zh-cn"> <head> <meta charset="ut

element-ui中下拉菜單的@click事件不會觸發的問題

發的 com 圖片 bsp 觸發 菜單 點擊事件 nat 分享圖片 只需要將@click=“fun()”改為@click.native=“fun()”,即可監聽下拉菜單的點擊事件。 如圖所示: 嗯,就醬~element-ui中下拉菜單中的@click事件不會觸發的問題

jqueryclick點選事件巢狀後多次觸發的解決方案

首先講講我遇到這個問題的時候,我最開始想到的是阻止事件冒泡,想了一下好像沒有什麼關係的,最後決定還是動手做做看,放到專案中試了試確實是沒有什麼關係的,傻眼了怎麼辦,來講講我的親身體驗吧! 產生此種小姑的原因:jQuery中的click事件會累計繫結,所以我們可以在下次點

vue.js 1.0中用v-for遍歷出的li的@click事件在移動端無效

play 需要 data class import child exp ons rec 在vue.js使用v-for遍歷出的li中的@click事件在移動端無效,在網頁端可以執行,代碼如下 <template> <div class="rating-

element-ui 點擊編輯彈出dialog組件select組件綁定值改變,但是不觸發change事件

select http inf 視頻 log OS src AR gpo 代碼結構如下: 現象視頻如下: 現象原因:經過排查發現 此時點擊操作不觸發chang事件,後臺響應數據中沒有訂單取消原因orderCanleRemark字段,此時導致不觸發change事件,

微信小程式 scroll-view觸底事件觸發的解決方法

scroll-view元件是否設定了確定的高度,若沒有請設定 scroll-view元件的 lower-threshold 引數是否帶了單位,若帶了單位如 px、rpx等,請去除,只使用數值。 若設定了上面兩項還是沒有效果,將 scroll-view的高度設定為具

js的onclick事件和JQueryclick方法以及on方法事件用法總結

1.onclick是繫結的事件(它是一個事件),注意該事件繫結只是JacaScript中有(js中的),Jquery中並沒有此事件,告訴瀏覽器在滑鼠點選時候要做什麼 2.click方法(jquery中的)作用是觸發onclick事件,只要執行了元素的click()方法,就會觸發onclick事件

element通過js觸發按鈕的點選事件

vue: <el-button type="primary" @click="dataDocking2()">批量處理</el-button>(通過總按鈕來觸發下邊表格按鈕的事件) <el-table :data="dataDocki

js和jquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

js/jQery的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo

js/jQery中的鍵盤監聽事件觸發回車鍵位登入觸發教程及demo 在我們專案的過程中經常會遇到需要鍵盤 來控制的事件,比如:登入、搜尋等,廢話不多說上程式碼!! 我這裡主要是做了兩個的監聽,一個是回車的,一個是通用複製的, 可以在判斷中寫入方法體來控制 <script

多執行緒觸發事件函式在哪個執行緒執行

轉載於:https://www.cnblogs.com/findumars/p/5289375.html  在多執行緒開發中,如果在多執行緒中訪問主執行緒建立的物件,並觸發了這個物件的事件,將會執行這個事件的處理函式,那麼這個處理函式是在主執行緒中執行還是在觸發事件的執行

重寫radio單選框選中按鈕然後觸發其他事件

首先編寫下面日期資訊 對應的程式碼如下 <input type="hidden" name="fdLoop" id="fdLoop" value="3" />&nbsp;       <input type="radio" name="rdL

htmlradio值的獲取、賦值、註冊事件

1,radio分組 只要name一樣,就是一組的,即一組中只能選擇一個,如下: <span>group1:</span> <input type="radio" id="radio1" checked="checked" name="grou

Asp.net_解決在高版本ie瀏覽器下按鈕點選事件觸發

這是微軟的一個相容bug,通過伺服器補丁方式解決。 沒有此修補程式時出現的常見問題 請考慮下面的方案: 您可以使用 Windows Internet Explorer 10 來訪問基於 ASP.

Angularjstable實現點選td按鈕不觸發tr的點選事件

今天遇到個問題: 1、在table中,每一行有個checkbox,tr上設定了ng-click; 2、每一行最後又有一個按鈕【詳情】,按鈕使用ui-sref設定了點選事件; 3、現在出現的問題是:點選【詳情】按鈕,同樣會觸發ng-click事件,即將複選框checkbox勾

關於js事件物件(DOM事件物件、IE事件物件、跨瀏覽器的事件物件)的詳解

在觸發DOM上的某個事件時,會產生一個事件物件event,這個物件中包含著所有與事件有關的資訊。包括導致事件的元素、事件的型別以及其他與特定事件相關的資訊。例如,滑鼠操作導致的事件物件中,會包含滑鼠位置的資訊,而鍵盤操作導致的事件物件中,會包含與按下的鍵有關的資訊。所有瀏覽器

使用jQuery的hover事件IE不停閃動的解決方法

在使用jQuery的hover事件時,經常會因為滑鼠滑動過快導致選單不停閃動的情況,相信很多朋友都遇到過自己做的縱向下拉選單不停的收縮,非常的討厭。今天在給一個網站設計選單時也遇到了這個情況,結果在百度上找了N久,沒有找到解決方法。在這裡吐槽一下,百度太2了,收錄的內容都

IE11OCX控制元件的事件不能夠被IE捕獲的解決辦法

寫了一個OCX控制元件,在OCX控制元件中觸發一事件,在IE11之前的版本使用attachEvent註冊一個回撥函式後IE11可以捕獲到事件,但IE11中提示attachEvent不支援. In IE11, the attachEvent has been droppe