{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 女痞 的问题《script works on jsfiddle but not in my webpage jqu》','https://www.manongdao.com/q-1076286.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
With help from @Joseph I have managed to create this script that works exactly the way I want it to on jsfiddle. However, when I use the exact same script on my webpage it does not do anything, it ignores the script inside the if and else and works like a normal radio button would do. I don't get any errror messages and I am using:
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js
The only thing that I can think of is that it does not work using "this"? How would I solve that?
My script can be found at:
http://jsfiddle.net/pJgyu/15013/
jQuery(document).ready(function ()
{
$("input[type='radio']").click(function(){
var $knapp = $(this).val();
if(($knapp=='1c') || ($knapp=='2c')|| ($knapp=='3c')) {
this.checked = true;
}else{
$("input[type='radio']."+this.className).not($(this)).each(function(){
this.checked = false;
});
}
});
});
<table>
<tr>
<td>1</td>
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_1" value="1a"></td>
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_1" value="1b"></td>
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_1" value="1c"></td>
</tr>
<tr>
<td>2</td>
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_2" value="2a"></td>
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_2" value="2b"></td>
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_2" value="2c"></td>
</tr>
<tr>
<td>3</td>
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_3" value="3a"></td>
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_3" value="3b"></td>
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_3" value="3c"></td>
</tr>
</table>
I think this is what you are after, correct? Does this work on your local machine?
You are including jQuery twice. One is the minified version, denoted by the
min.js. You only need one of those libraries. I suggest using the minified version to save bandwidth.This seems like an error in your HTML, because it works here locally when creating the HTML from scratch.
You can also try to debug your version with Firebug or the debuggers of Safari or Chrome. Put a breakpoint in your code, and trying out the jQuery selectors manually in the console can help to spot most problems.
This one works: